Curate Your Food Universe

FoodVerse is an app designed to bring community and personalization to the forefront of the cooking experience. The app was created with a single mission: to help users craft their unique culinary journey by connecting with the people who matter most in their lives — those who are already in their universe.

Three Key Objectives:

Choose Your Path:

Explore Recipes: Discover a wide variety of dishes tailored to your tastes.

  1. Create Recipes: Share your culinary expertise by developing and sharing your own recipes.

  2. Plan & Organize: Simplify meal planning and grocery shopping with integrated tools.

Build Your Culinary Network:

Connect with Your Circle: Form groups with family and friends to share recipes and plan meals together.

  1. Engage with the Community: Share your culinary creations with the broader FoodVerse community, exchanging ideas and inspiration.

Enhance Your Cooking Experience:

Personalized Suggestions: Enjoy recipe recommendations based on your preferences and community interactions.

  • Interactive Features: Create polls, organize meal plans, and streamline grocery shopping for a more efficient and enjoyable experience.

Profile: Alicia is a busy parent who juggles work with caring for two children. Both Alicia and her spouse have demanding jobs but enjoy cooking as a way to unwind.

Challenges: The family often struggles to agree on meals, leading to stress around dinnertime. Alicia wants to make healthier choices without compromising on taste or convenience.


Goals: Alicia seeks to make mealtime a harmonious and enjoyable experience for the entire family, minimizing trips to the store and maximizing quality time together.

Meet Alicia

The Solution

FoodVerse offers Alicia a suite of tools to streamline the cooking process, from meal planning to community engagement. By allowing family members to vote on recipes, Alicia can easily create meals everyone will enjoy. The integrated grocery delivery service further reduces stress by simplifying shopping.

Home Page

The FoodVerse home page is designed to keep Alex up to date with the latest creations from friends and favorite chefs. A powerful search tool allows quick access to a vast repository of recipes.

Create Menu

The Create menu empowers Alicia to:

  • Develop and Share Recipes: Alicia can share her own culinary creations with her family and the broader FoodVerse community.

  • Plan Meals and Polls: She can organize weekly meal plans and create polls for her family to vote on, ensuring everyone has a say in what’s on the menu.

  • Form Groups: Alicia can create dedicated groups for her family or other social circles to share recipes and collaborate on meal planning.

Profile Page

Alicia’s profile page on FoodVerse consists of three main sections:

  1. Table (Creations Gallery): Displays Alicia’s original recipes, showcasing her personal culinary journey.

  2. Shared Gallery: Highlights recipes by other chefs that Alicia has shared with her family or community groups.

  3. List Gallery: A personalized collection of recipes Alicia has saved from other users, which she intends to try in the future.

Ingredients & Recipe Pages:

Ingredients Page: This page provides Alicia with a detailed list of ingredients for each recipe and offers the convenience of adding items directly to her grocery delivery list.

Recipe Page: Includes step-by-step instructions with optional images or videos to guide Alicia through the cooking process, making it easy to follow along.

More Like This:

The "More Like This" feature suggests additional recipes based on Alicia’s preferences and past interactions, encouraging her to discover new and exciting dishes.

Seamless grocery delivery with every recipe.

Available on all devices.

Summary:

As Alicia continues to use FoodVerse, her profile evolves, reflecting her growing collection of recipes and meal plans. Other users can visit her profile, explore her creations, and incorporate them into their own cooking journeys, creating a vibrant, interconnected community that celebrates the joy of shared culinary experiences.

Project Planning

This is the process I followed to get to the final app implementation.

    • Brainstorming: Generate ideas and concepts.

    • Wireframing: Create paper wireframes followed by digital explorations, including layouts, design systems, mood boards, and initial design mocks to maintain creative vision.

    • Hybrid Wireframe Approach: Develop desktop and mobile wireframe layouts, focusing on high quality to build foundational components.

    • Asset Organization: Create a local folder for images and videos.

      • Mini Style Guide: Develop a brief style guide.

      • Layout Creation: Build basic layouts for mobile and desktop screens, selecting specific devices for prototyping.

      • Responsive Components: Utilize auto-layout to create responsive components, ensuring consistent naming and interaction states (e.g., buttons).

      • Prototyping with Smart Animate: Implement simple images in prototypes with a focus on consistent layer order and naming.

  • Figma Best Practices: Applied advanced techniques, including variables, light/dark mode considerations, smart animations, and custom Bezier curves.

Next

Hiring app that predicts compensation with AI