ADOBE MENTORSHIP PROGRAM SPRING 2026
Multi-Location Booking System Design
Redesigned website styling and streamlined the booking experience across multiple services in a multi-location photography studio.
Role
Lead UX Designer
Team
1 Producer
3 Designers
Service
UX/UI Design
UX Research
Vibe Coding
Timeline
Feb 2026 – Apr 2026
Tool Used
Overview
What is FotoLab?
Fotolab is a New York–based photography studio with additional locations in Houston and an upcoming studio in Los Angeles. The studio offers a range of services, including self-portrait sessions, ID photography, studio rentals, and photobooth rentals.
My Role
As the UX Lead of a four-person team, I led prototype usability testing, designed wireframes and high-fidelity prototypes, and guided the team toward a clear, user-centered design direction.
The Challenge
To support the scaling of its NYC studio, FotoLab set out to redesign its website to address two key challenges: a high volume of booking-related support inquiries and a low conversion rate. The goal was to create an intuitive, self-service booking experience that reduces friction, expands reach to a broader audience, and improves overall conversion.
Impact
1 Min
time to complete booking through a streamlined, self-service flow
87%
increase in booking conversion rate by simplifying the user journey
65%
reduction in booking-related support inquiries through clearer information and guided booking
CONTEXT
FotoLab offers different services across mutiple locations
FotoLab is a New York based photography studio. It has multiple locations, each offering slightly different services and operating hours. As a team of four, our goal was to land on a clear vision within 2 months.
CLIENT PROBLEM #1
Booking experience creates confusion across locations
The current site structure creates friction, with unclear service descriptions and location differences leading to user confusion and missed conversions.
CLIENT PROBLEM #2
Unclear information drives repetitive inquiries
A high volume of repetitive inquiries about basic information creates administrative burden, prompting the need for clearer, more accessible content on the website.
CLIENT PROBLEM #3
Limited audience reach and low booking conversion
The platform currently serves a narrow audience, primarily Asian users, with limited awareness among broader user groups. The challenge is to make the experience more approachable and appealing to a broader, more diverse audience.
RESEARCH #1: CURRENT WEBSITE AUDIT
Confusing Menu Structure and Information Hierarchy
The menu structure mixes location information with service offerings, making it difficult for users to navigate. Key services and CTAs are not clearly highlighted, resulting in an unclear information hierarchy.
RESEARCH #2: COMPETITIVE ANALYSIS
Learning from What Works and What Doesn’t
By analyzing competitors’ booking flows, visual consistency, and accessibility, we identified effective patterns to adopt and key pain points to avoid in designing a more cohesive and user-friendly experience.
HOW MIGHT WE?
How might we make it easy for users to understand and navigate different services across multiple locations, and complete bookings with confidence?
DESIGN PRINCIPALS
We defined three principles to guide our design
To create a more cohesive, accessible, and user-friendly booking experience, we defined three guiding principles.
DESIGN APPROACH #1: RESTRUCTURING THE SITEMAP
Redesigned the sitemap to support a clearer booking flow.
Given that FotoLab offers different services across multiple locations, we structured the experience to guide users to first select a location, then choose services, and finally complete the booking form.
DESIGN APPROACH #2: TRANSLATING SITEMAP INTO WIREFRAMES
Designing a location-first structure across key pages
We focused on key pages to quickly establish the overall structure and interaction patterns, starting with low-fidelity wireframes and evolving into high-fidelity designs for testing and refinement.
DESIGN APPROACH #3: USABILITY TESTING
Testing high-fidelity wireframes with both first-time and returning users
By testing with both first-time and experienced users, we identified key friction points in navigation, terminology, and decision-making throughout the booking process.
DESIGN ITERATION #1: IMPROVING SERVICE DISCOVERY
Simplifying the page structure to support a clearer, location-based browsing flow
To address the confusion observed during usability testing, we restructured the page to prioritize clarity and flexibility in how users explore services.
DESIGN ITERATION #2: IMPROVING BOOKING FLOW
Making the booking experience more intuitive with real-time feedback
Building on our sitemap, we redesigned the booking flow to improve clarity and reduce friction. By keeping key information visible throughout the process and providing real-time feedback on user selections, the experience becomes more intuitive and easier to navigate.
RAPID PROTOTYPE WITH AI
Exploring interaction and motion before presenting to the client
Before presenting to the client, we used AI tools to quickly prototype animations and key booking flows. This allowed us to explore interaction patterns and visualize the experience early, helping us validate ideas before moving into final design.
DESIGN SYSTEM
FINAL DESIGN
Key Feature 1: Separate locations to reduce confusion and help users quickly find relevant services
Each location has its own dedicated page with tailored services and detailed information. This allows users to first choose a studio, then explore only the services available at that location, reducing cognitive load and unnecessary browsing.
FINAL DESIGN
Key Feature 2: Simplified steps to help users select services and add-ons with ease
The booking flow was redesigned to guide users step-by-step, from selecting a location to choosing services and add-ons. By improving structure and visual hierarchy, users can complete bookings more efficiently with fewer questions or drop-offs.
FINAL DELIVERABLE
