Deliverables:Visual Identity, User Interface, User Experience Design, Prototyping
Full Presentation Description:
Yomo is a personalized food navigation platform crafted for health-conscious individuals and those with dietary restrictions, simplifying the search for recipes, restaurants, and groceries that align with their unique needs and preferences.
Designed with a cohesive ecosystem, Yomo integrates seamlessly across mobile, desktop, and smart glasses interfaces, delivering a connected, effortless experience that adapts to every moment of the user’s journey.
Research
The project began with a clear problem: limited food transparency makes it difficult for those with dietary restrictions or health goals to find suitable options, while small restaurants promoting ingredient clarity struggle to gain visibility.
Through research, interviews, and analysis of current trends, I identified key insights and developed design criteria to guide the project. By examining the competitive landscape and creating positioning matrices, I found opportunities for a targeted solution.
Jordan Bennett, a health-conscious individual with gluten, dairy, and nut allergies, emerged from research and interviews as the primary persona. Representing the need for food transparency, and convenience, she guided Yomo’s design to address real-world challenges.
This persona anchored the primary use case, ensuring features like allergen verification and personalized recommendations deliver a seamless, tailored experience.
Solution
Yomo’s desktop homepage offers easy access to the Dashboard, Explore, and Community pages. Users can discover recipes by category, add items to their grocery list, stay updated with the latest food and health news, and save favorite ingredients for future use.
Yomo’s mobile interface makes it easy to find local restaurants that fit users' dietary needs and preferences. Users can browse restaurant and dish images, access detailed nutritional info, and get directions with a seamless Maps integration.
The Yomo desktop dashboard offers a seamless recipe discovery experience, allowing users to easily filter through popular recipes tailored to their unique dietary needs and preferences. Each recipe provides detailed nutritional information, step-by-step cooking instructions, and the ability to add ingredients directly to a personalized grocery list.
The mobile interface offers a Map mode for visually locating nearby restaurants and grocery stores tailored to the user’s preferences. For a detailed view, List mode provides allergy callouts and photos for quick, informed decisions.
Users can search for recipes using a range of dietary and allergen filters, ensuring complete food transparency and compatibility with their needs.
The smart goggles interface offers a seamless grocery shopping experience by syncing saved grocery lists from the desktop platform. Using GTIN data, the goggles provide real-time location guidance and display essential ingredient details as users navigate the store—allowing them to access key information without needing to pick up items.
The profile page on the mobile interface allows users to manage their saved items, update dietary preferences, and leave reviews for restaurants, dishes, and grocery items. Users can also verify the accuracy of existing information, contributing valuable insights to the community and enhancing the experience for future users.
Visual Identity
Yomo’s visual identity is built around the themes of energy, delight, and freshness. The lowercase wordmark, set in Retail—a typeface that embraces asymmetry and organic imperfections—reflects the brand’s approachable and dynamic nature.
A thoughtfully designed system of icons and colors reinforces this identity, with magenta serving as the primary highlight color. Inspired by the vibrancy of grapefruits, beets, and other nutrient-rich foods, it symbolizes vitality and a commitment to healthy living.
Primary Use Case
The primary use case for Yomo was designed around Jordan Bennett, addressing key needs like verifying allergens, discovering personalized recipes, and generating grocery lists tailored to her goals.
By mapping Jordan’s interactions, I ensured Yomo’s mobile, desktop, and smart glasses interfaces worked cohesively to simplify food decisions and empower users to confidently meet their dietary needs.
Structure
From the primary use case, user goals were defined and translated into tasks and essential features. These features were structured into a sitemap, while a device ecosystem map illustrated how Yomo’s desktop, mobile, and smart goggles interfaces seamlessly interact.
Rough wireframes were developed from the sitemap, providing a quick way to see how the system would function.