Pilgrim Monument & Provincetown Museum
Three colleagues and I collaborated to document, evaluate, and redesign the cultural organizations' website architecture and provide wireframes for two different user paths in both mobile and desktop platforms.
The goal of the project was to evaluate the organizations' website to identify where improvements could be made to better serve their business goals, namely, to:
boost visitation to the museum and monument
increase facility rentals, and
generate more donations.
The team was charged with redesigning the site's information architecture and creating mobile and desktop wireframes for two separate user flows.
After initial brainstorming and planning, we broke the design into different components, and team members worked individually on wireframes and prototypes in Figma. I was one of two team members to present our redesigned site map to the group.
Given tight time constraints, the team had to work tightly and efficiently. Team challenges included:
little time for getting to know each others' styles and skillsets - had to hit the ground running and learn along the way
team members were each familiar with different design and prototyping tools, so two of us (including myself) were new to Figma tool and had to learn on the fly
the team did not gel naturally, but everyone was respectful and hard-working, and we were able push past any awkwardness and far exceed the requirements of the project
As a team, we:
documented the site's current architecture in Excel
identified areas of weakness, particularly involving poor navigation
brainstormed ideas for improving the navigation and design
created user flow diagrams for two key user paths
sketched rough wireframes by hand
divided up the design work by website sections
designed various pages of the site, coming together to offer feedback, ask questions, and provide tool tips, as needed
Architecture & Home Page Redesign
The current home page suffers from a lack of visual interest and a main navigation that is poorly organized and offers too many choices.
Our redesign relies on a simplified architecture with fewer and more intuitive choices. It also brings the image front and center, along with key calls to action.
The team redesigned the site's architecture to simplify choices and improve navigation by:
rewriting and changing the order of labels
tightening up the footer, and
designing clear paths for visitors to find information, check out the events calendar, and purchase tickets.
The team worked so efficiently that we were able to produce a clickable prototype of the redesigned site for desktop and mobile, even though the requirements specified wireframes only. Wireframes were created using Figma, then imported into InVision to create the prototypes.
We created user flow diagrams to document revised paths that were more intuitive and efficient for users.
Current mobile site (below left) provides no indication of what the site is and no clear calls to action. Redesign (below right) offers immediate clues to the purpose of the site and places key calls to action front and center.