Problem Statement
The Scene project centered around redesigning the menu version to ensure it was accessible, visually clear and easy to navigate for users with diverse needs and preferences, improving both usability and user satisfaction.
![[Original+size]+cOFFEE+&+cOCKTAILS-8+(2).png](https://static.wixstatic.com/media/eb77a6_f5784dbb18f2463eb04a767dcc9671fc~mv2.png/v1/crop/x_0,y_0,w_480,h_480,q_85,enc_avif,quality_auto/eb77a6_f5784dbb18f2463eb04a767dcc9671fc~mv2.png)
Goal
The goal of this project was to redesign The Scene’s website to create a seamless user experience and a fresh look that reflects the brand’s identity. The project also involved developing an accessible, efficient menu version that enhances user satisfaction and promotes
Solution
The solution involved redesigning The Scene's interactive mobile website to enhance its accessibility, modernize the menu layout, and improve overall user experience, making it easier for users to explore the restaurant's offerings and online ordering seamlessly.
Design role Audience Tools
UX Designer
UX Researcher
UI Designer
Restaurant
Customers
Figma
Figjam
Lightroom
MS Office
Discover
SWOT
Analysis
-
Strengths: The Scene’s unique brand and high-quality offerings.

-
Weaknesses: The current menu version lacks consistency and clarity.

-
Opportunities: Increased online presence to attract more customers.

-
Threats: Competition from other restaurants and cocktail bars in the area, for example Capital City Dinner, Jacob&Anthony.
Research & Interview
-
Criteria: Adults, 18 and up.
-
Conducted interviews with existing customers to gain insights into their expectations, pain point and ideas for the website.
-
Key insights revealed issues with navigation, a lack of clear item descriptions, and an inconsistent menu experience across devices.
-
To create a more accessible menu and an efficient user experience that promotes customer retention and satisfaction, I looked at the website's of Starbucks, McDonald’s, Chipotle Mexican Grill and others.
Affinity
Mapping
Used to group common feedback and ideas, highlighting core needs such as:
​
-
Clear navigation from the menu to online ordering.
-
Streamlined, accessible options for viewing items, short descriptions, photos for making purchases.
-
Improved visual consistency across devices.
-
Professional design and development help make the right choice.
Persona
I used the information from interviews to create a persona named Julia.
She helped to start designing the mobile version website with a specific person in mind.
Define
User Stories
-
I prefer kind of getting of visual menu how my food order looks. So, good design definitely to do trust to me as a customer.
-
I spend more money if there are good website design. I would like to see more options: drop down, selected my preference ect.
-
I like seeing the different kinds of meals that restaurants post on their Instagram accounts. Meals with photos help me better decide what to add to my order.
User Flow
Created flows for users placing an online order, exploring the menu and locating information, each optimized for intuitive navigation and minimal clicks.
Wireframe I
-
Lo-Fi Wireframes: Focused on basic layout, ensuring key information was easy to find and a sketch of the new menu version.
-
Mid-Fi Wireframes: Incorporated user feedback on structure and began refining menu version, updating home page and looking for new text types.
Usability
Testing I
During usability testing, the menu and navigation emerged as key areas for improvement. While participants appreciated the aesthetic appeal and clarity of the menu design, they encountered challenges in accessing specific features efficiently.
Key Insights:
​
Menu Accessibility: Users expressed a desire for a more intuitive structure, possibly with categorized sections or filters for faster browsing.
Navigation Simplification: Participants highlighted the need for smoother transitions between pages and features. Streamlined navigation, such as clearly labeled buttons and fewer clicks to complete tasks, was a consistent recommendation.
​
By refining the menu layout and navigation pathways, we can ensure The Scene’s website delivers a seamless and enjoyable user experience.
Wireframe II
Develop
Branding
Developed a comprehensive style guide tailored for The Scene, featuring brand colors, typography, and imagery guidelines to ensure a cohesive and visually appealing design. The color palette was carefully selected to reflect the modern and inviting atmosphere of the restaurant, while the typography emphasized readability and sophistication.
Imagery guidelines were established to maintain high-quality visuals, including updated photos of dishes and cocktails, aligning with the vibrant and trendy vibe of The Scene. This style guide serves as a foundation for maintaining consistency across all digital and print components of the brand.
Deliver
Usability
Testing II
During my second round with The Scene’s website, I implemented a series of improvements based on the valuable feedback received from the initial engagement. These changes focused on enhancing the user experience, simplifying navigation and addressing key pain points related to menu accessibility and feature usability.
Feedback Highlights:
"The updates are amazing. It’s so much easier to find the menu and place an order quickly."
"I love the improved flow. The navigation feels intuitive, and everything is right where I need it."
These refinements have resulted in a smoother, more enjoyable user journey, ensuring customers can access essential features effortlessly.
Functioning Prototype
The prototype incorporated key features such as streamlined navigation, an improved online ordering system and an updated menu with visually appealing photos and descriptions.
​
Usability testing was conducted with the prototype to gather feedback on clarity, ease of use and overall satisfaction.
Insights from these tests were used to refine the design, enhancing the user journey and aligning it with the brand's goals.
Conclusion
The redesigned website for The Scene successfully improved the user experience by enhancing the accessibility of the menu, streamlining the navigation and integrating cohesive branding. This case study demonstrates my ability to create user-centered solutions that align with brand values and support business goals. Looking forward, I recommend further enhancements, such as user accounts for saved favorites and seasonal menu updates to keep the experience engaging.