A Collaborative Vision
A personal goal for me at the outset of this project was to enhance collaboration. I spearheaded problem-solving workshops twice a week, where every member of the project team was in the room tackling a specific subject.
At the outset, these workshops helped us gather and interpret insights from research and competitive analysis. As time went on, we continued to evolve the project together - from wireframing complex architecture and interaction patterns, to vetting visual design and development efforts against our unified goals. 
Cracking complex information architecture as a team
Cracking complex information architecture as a team
High fidelity wireframes
High fidelity wireframes
Project Principles
Architecture
A major goal of the redesign was to make it easier for guests to plan their visits to the museum, effectively sending more users to the Field Museum's third party ticketing platform. We worked to re-haul over 2,000 pages into a new information architecture that not only completed the visit-planning goal, but also made it easier to discover educational materials, events and science content.

Navigation Menu

Accessibility
The Field Museum required WCAG 2.0 compliance from the start, giving us opportunities to innovate and serve users. As a designer, it meant that I had to iterate on common patterns with careful consideration to color contrast, focus states and implied hierarchy. 

Developer Brandon Chang walks through the site using screen reading software. It was awesome to see how our hard work would benefit someone who couldn't experience the internet through sight.

Flexibility
I designed a flexible component system that can scale at the pace of content growth. 
Brand
I worked closely with Leo Burnett to translate the brand they designed for the Field Museum into the digital space for thousands to enjoy.​​​​​​​
The clean user interface employs the brand’s type and color options to create a beautiful, scholarly aesthetic, establish hierarchy and add flashes of bold drama into the design.

Inspired by journalistic websites, I designed stunning image components including full-viewport galleries that immerse users in the unique stories behind the Field Museum’s exhibits and scientific missions.

Discovery
Interactive discovery components, taxonomy systems and a redefined architecture help users truly explore the Field Museum's vast science content.

The Science Shuffle component appears throughout the site. It allows users to see related content, browse by the topics they are interested in - or roll the dice and discover something completely new.

Users can also explore through their own lens. Using an integration with CrowdRiff, we built a component that uses Instagram galleries of real Field Museum guests to generate calls to action that highlight points of interest.

Results
After over a year of hard work, The Field Museum website launched in May of 2018. Comparing pre-launch in April 2018, to post-launch in June of 2018, we observed the following:​​​​​​​
87% increase in clicks out ticketing platform from Visit-related pages on desktop
360% increase in clicks out to ticketing platform from Visit-related pages on mobile
47% decreased reliance on search to navigate from the homepage on desktop
153% increase in average time on page

I'm proud of my team and of the individual work I was able to accomplish on this project. Our relationship with the Field Museum has as a client has been truly rewarding, and we've been excited to continue helping them innovate with new features, like a chatbot that will launch in 2019.

You may also like

Back to Top