George W. Bush Presidential Center
A platform that provides an infrastructure for the many digital artifacts that is produced and curated by the George W. Bush Center.
I led the brand direction, user experience, creating the design system and designs that enabled the team to meet the launch deadline while also identifying core issues and developing improved solutions.
View Live ProjectBrand redesign
Responsive website
Information Architecture
UX / UI Design
Prototyping and User Testing
Iteration
Challenge
This site houses a wide combination of content and the main question we considered throughout the process is how can we improve accessibility?
Outcome
A responsive website that organizes a plethora of archived and evergreen content while also updating the brand to be more contemporary.
The main objective was in developing a well-organized system that would also be easy to use for the client to import their own content.
• The client team expressed having difficulty in creating new layouts that was compatible within the current design system. Naming blocks accurately and clearly within the CMS so as to be easily understood by non-tech client team.
• The previous branding had felt dated and restrictive.
• We also had to keep in mind that the site be easy to use for the client team in curating their own content through the CMS.
Let's Get on the Same Page
01.Empathize
Understanding the sector of interest and its users through research.
02.Define
Revealing the user, their needs, and their problems.
03.Ideate
Generating solutions to the problems that the user is facing.
04.Validate
Building out best ideas and iterating based on real user feedback.
Market research
Keeping up
Online galleries are getting creative with including VR and 3D tours of exhibitions. However, this implementation requires allocated budget for technology and a digital strategy which more historical institutions may not be equipped to adapt to.
Create value
Curate existing library of resources in an easy to digest way. Adding valuable information like behind the scenes, rare footage, and transcribing old interviews adds additional context to the in-person experience.
Let's get creative
Museums are providing other means of educational materials to retain membership in a post-pandemic world. Embracing digital learning tools and providing hybrid courses for teachers and classes.
App installed
An expected trend for museums is to engage with visitors through an app. Where educational resources, lectures and popular programs, and curated digital tours users can enjoy from the comfort of their homes.
User Interviews
I sought individuals with experience visiting the Bush Institute specifically. I ended up interviewing five participants that represented their donor community and the center's staff who have public facing roles. Through hearing each one speak, I was truly able to generate empathy for the user.
I started this project by completing secondary research so I could uncover existing information about Presidential Centers and the Bush Institute specifically. The methods I used were market research and a competitor analysis. Below are a few key findings that I uncovered.
Research Synthesis
With interviews finished, it was time understand the new information I discovered. However, before digging too deeply, I transcribed each user interview so that recurring insights would inform my decision-making.
Once users interest is piqued, they want more context
"I enjoy seeing historic artifacts and want to know the who, where, and when it was created."
Users may feel rushed when meandering around museums
"I almost didn't go to the Freedom Matters exhibit because of my schedule, but decided to go for Brian Kilmeade's book signing."
Users often go with other people
"I enjoy bringing my family to the docent led tours because it's well organized and is engaging for my children.
Users will follow what captures their attention
"I will wander around and stop when something captures my attention."
Mind map
Based on the insights that emerged earlier as I created my empathy map, a series of "How might we...?" questions were established.
For each question, I listed as many potential answers I could based on what design patterns already exist on other apps, as well as anything that simply came to mind. Once I completed the mind map, I prioritized all ideas according to the goals of the project .This helped me gauge which ones made the most sense to pursue and later design.
Low-fidelity wireframes
Wireframes are developed in Miro for easy team collaboration and fast revisions before diving into high-fidelity. Questions from front-end and back-end developers are addressed and meeting client business goals help drive improvements.
Ready for A/B testing
The navigation went through many cycles of revision. Incorporating stakeholder needs, designs underwent user testing to ensure that we were designing a system that also met user needs. User testing was conducted to test several navigation flows. Users were tasked with the following questions:
User testing was conducted to test several navigation flows. Users were tasked with the following questions:
• How would you learn more about the Veteran Leadership Program?
• You're interested in buying tickets to see the presidential center, where would you be able to buy tickets?
• Can you access the latest article of the Catalyst?
• Where would you learn more about the Laura Bush Foundation for America’s Libraries?
• Where would learn about the Bush Institute’s position on immigration?
Navigation 1
Navigation 2
Navigation 3
Observations based on user testing results.
• People are having a difficult time finding specific programs.
• Confusion over the distinction of 'Our Work' and 'The Bush Institute'.
• If what users are looking for is exposed as a topic in the main nav, they will readily find it.
• The 'Topics' menu label was too vague and confused people.
This informed the following changes to improve the interaction experience.
1. Expose child pages in mega-menu for clearer scan-ability.
2. Use label 'Our Work' for its purpose is is more widely understood then institution name.
3. Provide robust menu drop-downs that serve as an index to the many articles and resources available.
4. Change 'Topics' to something more specific like Current News, World Affairs, or Latest Events.
My observation, using the right language so people can readily understand is a huge consideration that me as the designer has to advocate for. The right language doesn't necessarily mean using the 'approved' label that the internal client team is familiar with, but finding the appropriate language so the average consumer can also easily comprehend.
Meeting client goals
The navigation and dropdown menu was prioritized to solve the following:
• Establish awareness for subsidiary organization, The George W. Bush Institute.
• Bring current news events to the forefront to be accessed immediately.
• Feature current articles and podcasts.
• Have citizen resources clearly organized and easy to find.
My observation, using the right language so people can readily understand is a huge consideration that me as the designer has to advocate for. The right language doesn't necessarily mean using the 'approved' label that the internal client team is familiar with, but finding the appropriate language so the average consumer can also easily comprehend.
Fit for a former President
My research uncovered that users are interested in engaging with content that provides the full experience. I sought to enhance this by incorporating related content for further exploring that was supporting their interests.
News and Exhibitions
From the Home Screen a user can view current events, articles, as well as read more about upcoming exhibitions. Slight layout differences between these types allow users to easily distinguish one type from another.
Categorizing topics
Filter media by type, category, topic, and date-range for easy location-finding and browsing. Utilizing progressive disclosure, the main category tab is expanded on default and secondary tabs are minimized to not overwhelm the user.
Resource hub
A project goal is to create this as a robust and helpful resource for users. I prioritized the organizational layout so the text could be easily read and additional topics, resources were included so browsing could occur more easily.
Catalog and promote evergreen content and resources while creating a platform that was accessible for our client to update as their needs change.
• Delivering stakeholders needs while prioritizing user-testing for better usability performance.
• Naming CMS blocks accurately and clearly so as to be easily understood by non-tech client team.
• Revitalizing the brand design system with color palette and typography that were contemporary and establishing a more flexible design system that can allow for a variety of page layouts depending on the content.
A traditional take on former President Bush branding with a touch of red for impact.
There are so many media types to access from podcasts to Veteran's mental health resources, that is why we created a brand that could represent each of those elements. One part academic and another part conversational, this brand draws from the United States flag—amplified for impact.
