GourmetSand is a mobile app designed to provide a seamless and enjoyable experience for users to order and customize gourmet sandwiches.
UX/UI Designer
2 months
Figma
User research, wireframing, prototyping, usability testing, and visual design.
Design Process
The Problem
Inaccessible and overwhelming food delivery experiences.
The Goal
To provide a seamless and enjoyable way to explore, order, and personalize gourmet sandwiches while ensuring transparency, accessibility, and reliable delivery.
User research: summary
Through user research, we gathered insights from interviews and identified the needs and pain points of personas like Mia and Ethan within a delivery app for a gourmet sandwich shop. Our research challenged assumptions, revealing challenges in modifying sandwiches, finding allergen information, and effective communication. These findings drive us to enhance customization features, provide clear allergen information, and improve communication channels for a more user-friendly and inclusive app experience.
Personas
Mia Roland
Age: 34
Education: Bachelor's Degree in Marketing
Hometown: Chicago, USA
Family: Single, lives alone
Occupation: Marketing Professional
Mia is a health-conscious food enthusiast who has recently moved to the city. She enjoys exploring different cuisines and flavors. Mia has a food allergy (dairy intolerance) and needs to ensure that the gourmet sandwiches she orders from the delivery app for the gourmet sandwich shop can accommodate her dietary restrictions.
"I wish there were more options to customize my gourmet sandwich according to my specific dietary preferences and restrictions."
Mia wants to conveniently order her favorite gourmet sandwiches from the specific gourmet sandwich shop. She seeks a delivery app that provides an easy-to-use interface, clear ingredient information, and customization options to cater to her dietary needs.
She also faces frustrations when the app lacks comprehensive ingredient information for the gourmet sandwiches, making it difficult for her to make informed choices and avoid her food allergens.She faces frustrations when the app lacks the option to switch ingredients for a sandwich that contains an allergen she wants to avoid.
Problem Statement
Mia Rolland is a food enthusiast who needs to personalize her orders because of her dietary restrictions.
User Journey Map
Mia wants to explore and enjoy gourmet sandwiches in her new city while being able to customize her order and get detailed information about their ingredients.
Mia's user journey involves exploring gourmet sandwich options on the app, but she faces frustration when she can't modify or substitute ingredients for allergens. She tries contacting customer support with limited success, leading her to directly call the restaurant for assistance. This highlights the need for better customization options and communication channels to enhance the user experience and accommodate dietary needs.
Wireframes
Flow for ordering a sandwich
Usability Study
As part of the design process for the gourmet sandwich app, usability studies were conducted to evaluate the user experience and gather insights for further improvement. Participants were asked to perform specific tasks and provide feedback on various aspects of the app.
Customization Challenge: Three out of five participants encountered difficulty in scrolling horizontally during sandwich customization. This highlights a usability issue related to the scrolling functionality. To improve the customization experience, a redesign of the scrolling mechanism or alternative navigation methods, such as vertical scrolling or tabs, should be considered.
Allergen Information Accessibility: Four out of five participants found it easy to access allergen information. This indicates that the app effectively addresses the theme of easy accessibility for allergen information. To maintain this positive experience, it is essential to continue providing clear and readily available allergen information for users.
Positive User Experience: All five participants mentioned an intuitive user experience, indicating a strong positive theme regarding the app's usability. This feedback validates the success of the design efforts in creating an intuitive and user-friendly interface. To sustain this positive experience, it is important to prioritize user-centered design principles throughout future iterations.
Option to Schedule Order Arrival: Based on user feedback, the app now includes an option to schedule the arrival of the order. This feature allows users to choose a specific date and time for their sandwich delivery, providing flexibility and convenience for those who prefer to plan their meals in advance.
Log In/Sign Up Screen: To ensure a seamless user experience, a log in/sign up screen was implemented. This allows users to create an account or log in to access personalized features such as saved preferences, order history, and loyalty points. By providing a dedicated login screen, the app offers a more personalized and tailored experience to individual users.
Colorful Icons: In response to user feedback regarding the visibility of icons, they have been made more colorful and visually distinct. This enhancement improves the overall clarity and ease of navigation within the app, making it more user-friendly for individuals with visual impairments or color vision deficiencies.
Mockups
High-Fidelity Prototype
Check prototype here.
Design System
Accessibility considerations
To enhance accessibility, legible fonts were implemented throughout the app. The font size and style were carefully selected to ensure readability for users with visual impairments or those who prefer larger text. Additionally, appropriate contrast ratios were maintained between the text and background colors to improve visibility for individuals with color vision deficiencies.
In order to improve accessibility, proper color contrast was implemented in the app. This ensures that text and important visual elements have sufficient contrast against the background, making them easier to read and perceive for users with visual impairments or color vision deficiencies.
Takeaways
The impact of the redesigned gourmet sandwich app was evident in the positive feedback received from study participants. One participant expressed, "The new design makes it so much easier to customize my sandwich and find allergen information. I love using this app!" This feedback reflects the success of the design in improving the user experience and meeting user needs.
In order to improve accessibility, proper color contrast was implemented in the app. This ensures that text and important visual elements have sufficient contrast against the background, making them easier to read and perceive for users with visual impairments or color vision deficiencies.
Next Steps
Implement a recommendation engine that utilizes user preferences and order history to provide personalized sandwich suggestions. This can enhance the user experience by offering tailored recommendations and increasing user engagement.
Add social sharing functionality to allow users to share their favorite sandwiches or special deals with their friends and social networks. This can help increase brand awareness, attract new customers, and encourage user engagement through word-of-mouth marketing.
Introduce a tiered loyalty program where users can unlock additional benefits and rewards as they accumulate more loyalty points. This can incentivize repeat purchases, increase customer retention, and foster a sense of achievement and exclusivity among users.
Thank you for reviewing this study!
This case study was produced as part of the Google Coursera Create High Fidelity Designs course, showcasing my skills and expertise in UX/UI design, as well as my ability to apply design principles and conduct usability testing. If you have any questions or would like to learn more about my experience, please feel free to reach out.
