Metro Museum Responsive Website and Mobile App

At-a-Glance

For the Google UX Design Professional Specialization, I worked for two months in 2025 designing a responsive website and mobile app. From a real-world design prompt, I worked to create from ground zero a new platform for a museum to attract a large, diverse target audience of users who wanted an engaging and easy-to-use platform to view the museum’s catalog, see current and upcoming exhibitions, and easily select and book tickets for visits. I delivered a complete set of web and mobile designs and a design system for the museum to increase user traffic and provide a digital storefront.

Timeline

2 months

My Role

UX Designer

Platform

Figma


The Problem

The Metro Museum in Camden Town London needs to completely update its old, non-responsive website. It has seen a fall in web traffic and in ticket sales for visiting its exhibitions. They also wanted to add an online shop where visitors can purchase items from a new museum product line. They contracted for a quick turnaround (two months) to develop a responsive website and app with new content to drive increased visitation to the museum and web traffic.

The Solution

I completed a full product development life-cycle, from background and generative user research, to ideation, brainstorming and prototyping, to usability testing, iteration and hand-off for launch. The responsive website and app featured all new content, greater showcasing of exhibitions, a streamlined process for purchasing tickets, and an integrated e-commerce museum shop.

Process

Persona

User Journey

Ideate on Paper

To Digital Wireframes

Lo-Fi Prototypes

User Testing

I recruited five participants for initial user testing, two men and three women ages 14-51. I conducted unmoderated testing using Zoom screen recording for analysis. I put the responses into buckets using Affinity Diagrams to identify key themes and develop actionable insights.

Iteration

I made three major changes based on user feedback.

  1. Pop-up, “hamburger menu” for the mobile app version

  2. A new screen to review purchased tickets before booking

  3. A dedicated Vist screen with detailed visiting information and an interactive, embedded map

Design System

Sticky Sheet

Hi-Fi Prototypes

Usability Testing

Final Designs

Product Successes

A jump in web traffic combined with increased in-person visits in first month after launch. The new store-front has generated the first mechandise orders for the museum, and it is planning to scale operations accordingly. “I really like that I can view the exhibitions and then go to the online shop and buy a print of one of my favorite paintings. I also like that I can buy gifts for my artsy friends.“

Takeaways, Learnings and What’s Next

Grew a lot on this one! The color palette and imagery-intensive design requested by the clients contrasted with my previous design work. And most importantly, my initial menu design for the mobile version was clunky and obtrusive to the user experience. I had to learn how to design a streamlined and minimalist version in Figma. Overall, I’m excited to see where museum visitation and merchandise shopping goes!

©2025 Webmoor LTD. All rights reserved.

Next
Next

Teotihuacan World Heritage Site Field Research Project