The White House homepage is one of the most consistently highly trafficked White House pages, receiving millions of visitors a month.
In April 2015, Ashleigh and team released the first-ever responsive White House homepage. The WhiteHouse.gov landing page now displays content in a consistent way, no matter which device you're using, helping visitors find the most relevant content as quickly as possible.
This redesign was a landmark change in a series of improvements to the White House online platforms to make them more accessible, user-friendly, and in line with modern best practices.
Before the redesign:
- multiple areas of the White House homepage were underperforming, with rotating and tabbed content hidden to most users
- the second largest image was in the bottom-right of the page, out of site for many
- the old mobile homepage theme only loaded on phones and served highly reduced content
After the redesign:
- the homepage features only the most important, curated White House content, making it a one-stop destination to find out the priorities of the administration
- the images reinforce importance, with the largest at the top and the smallest near the bottom
- content can easily be grouped as a collection and titled or presented as individual items
- the same content is served on all devices
- each piece of content featured sees higher click-through rates and engagement
The White House homepage is updated multiple times a week or day. With these frequent updates come changes in tone, content, and medium that call for different formats.
The redesigned White House homepage accommodates these changes with ease. For example, the header allows for flexible placement of titles, descriptions, buttons, images, and videos without breaking the responsive template and while staying on brand.
More Emotive Communication
In updating the homepage over time, the in-house design team has grown to lead with their thoughtful selection of photographs. Most of the photos are from the official White House photo office collection and are selected to bring the site visitors behind the scenes with the President, First Lady, Vice President, White House staff and guests. This simple method helps communicate the transparency and openness of the administration, while providing human interest and inviting visuals to website guests.
Below is an array of homepage images used in late 2015 and early 2016.
In conjunction with the release of the new White House homepage, an online form was promoted to take feedback from the public. The vast majority of respondents stated that the experience and look of the updated page was "much better" than the previous experience. Here are some highlights:
This website is now archived. Some styles and features are no longer active.
The White House
April 9, 2015
- Ashleigh Axios: product direction, creative direction, design, content strategy, promotion
- James Hobbs: UX & product design
- Amanda Stone: project management & training facilitator
- Jillian Maryonovich: header design support
- Acquia Team: development & technical product management
- Leigh Heyman: technical direction
- Nathaniel Lubin: review & internal project promotion
- Daniel Pfeiffer: project approval
- Kit Rodofla: traffic insights