top of page

CASE STUDY 02

RESPONSIVE WEB DESIGN: THE MUSEUM MARKETPLACE

role

UX Designer and User Researcher

Generalist: User Research | Interaction Design | Visual Design | Information Architecture | Equity-Focused 

  • User Research

  • Personas

  • User Journey Maps

  • Storyboarding

  • User Flows

  • Wireframing

  • Lo-fi Prototyping

  • Research Plans

  • Usability Studies

  • Affinity Diagramming

  • Mockups

  • Hi-fi Prototyping

  • Accessibility & WCAG Compliance

  • Design Systems (style guide)

  • Stakeholder Presentations

responsibilities

BUSINESS PROBLEM STATEMENT

Screenshot 2026-03-03 at 4.40.44 PM.png

Marketplace is an e-commerce platform for the arts sector that wants to develop a digital marketplace that will streamline the purchasing of museum tickets for visitors, so that it can modernize the process of searching for and purchasing tickets for museums and art exhibits world wide.

THE PRODUCT

jump to end
Marketplace smartphone date range selection

Museum Marketplace Digital Platform is a new "marketplace" for museum visitors to access information about the museums and art exhibits they wish to attend while visiting a city, and to purchase tickets for multiple museums and exhibits – all in one place - for a one-time total payment upon checkout. ​(primary devices: Desktop and Smartphone)

Vacationers and local art enthusiasts need a quick and easy online experience to explore and purchase museum tickets in the cities they are visiting or living within because the current alternatives are very time consuming and frustrating, and do not provide everything all in one place; which causes issues regarding planning, tracking total costs, awareness of scheduling conflicts, and generating a complete itinerary.

Museum Marketplace Digital Platform will allow users to explore multiple museums and purchase tickets through one portal, while also tallying costs, providing a live calendar, and generating an itinerary; which will affect the user's planning process by making the experience quick, easy, and efficient by reducing frustration and time commitment, and by easily tracking budget and avoiding scheduling conflicts.

Marketplace desktop home

the product

the problem

the goal

Marketplace smartphone exhibit date selection
jump to start

USER RESEARCH

jump to end

An initial digital survey was conducted to collect a diverse group of participants that purchase tickets for museums and galleries. From that sample, 15 participants were interviewed via Zoom about their experience with purchasing museum tickets for vacation or yearly planning.

cartoon illustration of persona Vanya

“I’d love the planning phase of prepping for holiday travel to be very easy – someplace where you can see everything that is going on in the place you are going to and then book it with a simple click.”

Vanya Vacationer

Age: 

Resides:

Education:

Family Unit:

Occupation:

40s

Scotland, UK

University

Married - 2 children

Social Worker

primary personas

cartoon illustration of persona Lucy

“I’d like to be able to look at what is going on in my locale for the year ahead and schedule the events I don’t want to miss.”

Age: 

Resides:

Education:

Family Unit:

Occupation:

Lucy Local

50s

San Francisco, CA

Graduate School

Partnered

Tech Professional

user journey map of persona Vanya

Assumptions going into the initial interviews:​

Information that came to light after conducting the interviews:

  • Participants would be purchasing tickets for events that only they would be attending

  • Participants would prefer storing their tickets in their "Marketplace" account 

  • Participants wanted to purchase tickets in one place for events that they would be attending and for events they would not be attending themselves

  • Participants wanted multiple ways to access and share their tickets

empathy map

initial user interviews

  • Participants wanted to purchase tickets in one place for events that they would be attending and for events they would not be attending  themselves

user journey map

  • Participants wanted multiple ways to access and share tickets

jump to start

USER STORIES

jump to end
cartoon illustration of persona Vanya
cartoon illustration of persona Lucy

Vanya Vacationer

As a busy professional who enjoys taking their family on holidays, I want to easily plan and book all of our activities and pay for it, all at once, while also generating an itinerary, so that I can enjoy the process of planning our holiday, as well as, be organized and prepared on arrival.

Lucy Local

As a local art enthusiast, I want to have a one-stop-shop for exploring and purchasing tickets to events around the city, so that I don't have a bunch of extra work to do because I can pay for everything at one time, and it will help me keep track of things throughout the planning process with a "live" calendar and costs.

jump to start

USER PROBLEM STATEMENTS

jump to end
cartoon illustration of persona Vanya
cartoon illustration of persona Lucy

Vanya Vacationer

Vanya is a busy professional, who needs an easy online experience to explore and purchase tickets for activities for their family holiday in a different city, because the current alternatives are very time consuming and frustrating, don't keep track of total costs in real time, or show a calendar of what is being scheduled in order to keep track of things while booking, or offer a final itinerary for their trip.

Lucy Local

Lucy is a local art enthusiast, who needs an easy online experience to explore the local events for the entire year and purchase tickets all in one place, because the current alternatives do not offer a way to keep track of the combined costs or proposed calendar while in the process of looking for events to attend.

jump to start

GOAL STATEMENT

jump to end

The Museum Marketplace will let users explore multiple museums and purchase tickets through one portal, while also tallying costs and generating an itinerary, which will affect museum visitors who are planning vacations for specific dates or locals who are planning their year, by making the planning of vacations or local leisure quick, easy, and efficient; reducing frustration in planning; and easily staying on budget, and not accidentally purchasing tickets for conflicting events. 

Effectiveness will be measured by number of site visitors, conversion rates, and whether or not - and where - drop off occurs.

jump to start

USER PAIN POINTS

Users want quick and easy access to multiple museums and to purchase all tickets at one time

Users want a "live" calendar so that they can keep track of their tickets during the planning process

Users want a "live" costs generator so that they can keep track of their budget during the planning process

Users want an itinerary generated at the end of their planning process

Tickets

Calendar

Costs

Itinerary

jump to endjump to start

ACCESSIBILITY OPPORTUNITIES

1

jump to endjump to start

Clear Instructions

& Low Effort Steps

  • Clear & easy CTAs

  • Limit steps in flow

  • Less physical engagement

  • Seamless user flow 

  • Voice activation

Clear Visual Communication

  • Clear visual cues

  • Alt text

  • Contrasts & colors

  • Size of text

  • Responsive web design

  • Zoom in/out

Intentional Use of

Information Achitecture

  • Create clear visual hierarchy 

  • Headings

  • Different font sizes

  • Layouts

COMPETITIVE ANALYSIS

logo for SFMOMA

Based on an analysis of the strengths and weaknesses of each, and the gaps in offerings, we have identified many opportunities within this space for Museum Marketplace:​​

  • ​To be able to purchase tickets for many venues all at one time and in one place

  • To see a total costs summary when adding tickets to the cart

  • To see a calendar of the events in the cart to assist with planning

  • To have the ability to create and share an itinerary 

direct & indirect competitors

logo for Ticketmaster
logo for Viator
jump to startjump to end

IDEATION & INITIAL DESIGN

The initial ticket purchase user flow

user flow diagram

user flow diagram

lo-fi digital wireframes

desktop lo-fi digital wireframes

desktop v1

smartphone lo-fi digital wireframes

smartphone v1

Big Picture storyboard

big picture

storyboarding

Close Up storyboard

close up

lo-fi paper wireframes

desktop paper wireframes - home and museum search

desktop

desktoppaper wireframes - museum home and ticket type
desktop paper wireframes - cart and payment
smartphone paper wireframes - home, search, museum
smartphone paper wireframes - ticket options, exhibits, exhibit tickets

smartphone

smartphone paper wireframes - checkout, payment, confirmation

lo-fi digital prototype

desktop lo-fi digital prototype

desktop v2

go to desktop lo-fi prototype
Pink Poppy Flowers

smartphone v2

go to smartphone lo-fi prototypejump to endjump to start

DEMO VIDEO: DESKTOP LO-FI PROTOTYPE 

jump to endjump to start

DEMO VIDEO: SMARTPHONE LO-FI PROTOTYPE 

jump to endjump to start

CONCEPT TESTING

jump to endjump to start

Users want a clearer way to understand that they are in the "cart" and the contents of the "cart," including the costs 

Cart Unclear

insights

Ticketing Process Unclear

Users want a clearer way to know that tickets were purchased, how the tickets will be sent to them, and how to access and share tickets

Interruptions to Flow

Users want less pop-up notifications and interruptions to the ticketing flow; a clearer and more seamless flow

Pink Poppy Flowers

P0

  • Cart awareness & identification

Pink Poppy Flowers

P1

  • Seamless ticket flow

  • Confirmation ticket information

  • Confirmation ticket access

priorities

recommendations

  • Make it easier to identify that the user is in the cart

  • Make the cart contents clearer and more useful to the user – including the calculation and assignment of costs

  • Make the post-purchase ticketing information and access easier and clearer

  • Make the ticket flow more seamless, shorter, and efficient

action steps

affinity diagram

affinity diagram

The usability studies were conducted to identify and understand any pain points the participants might face with the main user experience of selecting tickets and purchasing the tickets in one checkout experience, to determine if it was quick and easy to access and complete, and how to adapt the design for a better user experience overall.

5 participants were selected from the initial interview pool to achieve a diverse group regarding demographics, abilities, languages, frequency of purchasing exhibit tickets, rate of attendance at museums, possible edge cases, etc. 


The usability studies focused on whether or not the participants could successfully complete specific tasks easily and quickly, and to determine the participants' level of enjoyment throughout the process: 

usability studies

  • Locate a specific museum

  • Search offerings for a specific date range

  • Select exhibits for a specific date and time

  • Keep track of their schedule and any conflicts

  • Keep track of their costs

  • Complete the purchase of all tickets at one checkout

IMPACT OF USABILITY STUDIES

mockup

usability studies

initial design

desktop

smartphone

calendar & cart version 1
calendar & cart version 2
calendar & cart mockup

mockup

usability studies

ticket selection version 1
ticket selection version 2
ticket selection mockup

improvements to information, navigation & CTAs

ticket selection

initial design

jump to endjump to start

calendar & cart

improvements to information, navigation & CTAs

UPDATED DESIGN

DEMO VIDEO: DESKTOP HI-FI PROTOTYPE 

jump to endjump to start

DEMO VIDEO: SMARTPHONE HI-FI PROTOTYPE 

jump to endjump to start

RESPONSIVE DESIGN

desktop

venue search

smartphone

smartphone venue search hi-fi version
desktop venue search hi-fi version

exhibit date & time

smartphone exhibit date & time hi-fi version
desktop exhibit date & time hi-fi version

calendar & cart

desktop calendar & cart hi-fi version
smartphone calendar & cart hi-fi version

smartphone

desktop

smartphone

desktop

smartphone

desktop

confirmation

desktop confirmation hi-fi version
smartphone confirmation hi-fi version
jump to endjump to start

IMPACT METRICS

jump to endjump to start

​Decrease in time

on task, error rate,

and drop-off rate​

Increase in

ease of navigation​​

Increase in

conversion rate

​Increase in

overall satisfaction

of App experience 

STYLE GUIDE

LEARNING OPPORTUNITIES & CHALLENGES

lightbulbs.png
jump to endjump to start
  • ​Finding the balance between addressing the business needs and the user needs​

  • ​The scheduling and conducting of interviews and usability studies - always takes more time than estimated

  • Communication is one the most important elements of UX Design: with users and participants, across internal teams, and one-on-one with colleagues (visual communication is very effective)

WHAT I ENJOY ABOUT UX DESIGN

jump to endjump to start
single smiles.png
  • ​The creative process of taking data and turning it into a design through brainstorming & ideation, wireframing, usability studies, prototyping, and mockups

  • When UX Design offers a seamless journey or, at the very least, provides what the user needs to move enjoyably through a product

FINAL DESIGN 

UX-UI DESIGN PORTFOLIO

bottom of page