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.

Objective

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. 

My Role

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.

Challenges

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

Process

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

Individually, we:

  • 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.

Results

The team redesigned the site's architecture to simplify choices and improve navigation by:

  • condensing categories

  • 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.