Fresh Fusion

Heading

Fresh Fusion is your go-to restaurant app for guilt-free eating that’s actually delicious. Designed for fitness lovers, clean eaters, and anyone trying to make better food choices, it lets you customize every meal to fit your diet—without counting calories or killing the vibe. Because healthy eating should feel good, not like a math test.

Client • 

Academic

Tools• 

Figma, Illustrator, Photoshop,

role• 

UI UX designer & Researcher

Fresh Fusion mobile mockup screens hero image
Mind mapping

Project Overview

Meet Fresh Fusion—a restaurant app for people who love food and love taking care of their bodies (yes, both can exist at the same time). Imagine walking into a place where everything is healthy, nothing feels restrictive, and you don’t have to mentally math out your macros before ordering. Sounds dreamy, right?

Well, it all started with my dad. He’s a marathon runner and a proud health freak (I say that with love). Every dinner outing turned into a calorie-counting Olympics. It made me think what if there was a place where everything on the menu was already good for you? Where you could order freely, customize your plate based on your diet, and never feel like you’re “cheating” on your health goals?

Fresh Fusion is that dream in app form modern, vibrant, customizable, and zero guilt. It’s more than just an app. It’s a mindset. It's health food without the boring.

Target Audience

  • 🍳 The Meal Preppers-Turned-Foodies
    People who track every bite on weekdays but still want to enjoy a restaurant meal without throwing their routine out the window.
  • 💪 Fitness Freaks (in a good way)
    Whether it’s lifting, running, or Pilates, these users want their food to fuel their hustle.
  • 🥗 The Clean-Eating Crew
    They know their chia from their flax. They read ingredient labels for fun. They care about what goes into their bodies—and how it makes them feel.
  • 🥴 The Diet-Confused-but-Trying
    They’re not full-on keto or vegan, but they’re trying. They want help making better choices, minus the judgment.
  • 🚶‍♀️ Busy Bees on the Go
    Working, commuting, living their best lives—but still craving healthy meals they don’t have to prep themselves.

.

User needs & pain points

🖤 Accessibility for All

Not all users have perfect vision or motor skills, so it's crucial to design with accessibility in mind. Without proper contrast, scalable fonts, or screen reader compatibility, the app is a no-go for many users who rely on these tools.

🛠️ Customization Options Are Hard to Find

Users want to personalize their meals, but if customization tools are buried or not clearly labeled, they won’t use them. A clunky or hidden customization process ruins the flow and makes the app feel more like a chore than a tool.

🎯 Information Overload & Cognitive Load

When there’s too much text or too many options on one screen, users get overwhelmed. The goal is to reduce cognitive load by simplifying choices, using visual hierarchy, and breaking things up into digestible sections.

💸 Offers Are Hard to Spot or Come Too Late

Let’s be real—users love a good deal. But in most food apps, offers are buried deep or only pop up after multiple steps. Users want to see promotions or discounts right away to feel rewarded and excited to order.

😵 Too Many Choices, Poor Filtering

Having a lot of options isn’t helpful if there’s no smart way to narrow them down. Lack of effective filters or search tools leads to decision fatigue. And nobody wants that when they're hangry.

Empathy map

Empathy map


User Flow

Use flow

How i Implemented user needs in ease:

Product details mobile mockup

Problem:

🔹Navigation:Confusing navigation that makes users feel lost in a maze of mystery tabs and surprise pages.

Solution:

💡Fresh Fusion keeps it intuitive with accessible and easy navigation clear labels, bold icons, and a bottom nav that actually makes sense. Users always know where they are and where they’re going

customize meals mobile mockup

Problem:

🔹Customization: Unable to customize ingredients—users are stuck with pre-set options that don’t fit their cravings or diet.

Solution:

💡Fresh Fusion offers a drop-down menu with a variety of ingredient options swap your base, protein, or extras with ease. Customization made simple, because why settle for "default" when you can make it yours?

review order page mobile mockup

Problem:

🔹Cognitive Overload: Users are overwhelmed with too much info all at once.

Solution:

💡Fresh Fusion delivers an easy-to-understand UI with concise, on-point product details. No fluff, no clutter—just the key info to help users make quick and confident decisions. It’s all about clarity, not chaos.

Home Screen mobile mockup

Problem:

🔹Deals & Offers: Offers hard to spot users miss out on great deals because they're buried deep within the app.

Solution:

💡Fresh Fusion showcases all the best offers right on the homepage. No digging required users see the deals first thing and can jump on them with just a tap. Because who doesn’t love a good deal

Usability Testing

To ensure Fresh Fusion is intuitive, helpful, usability testing was conducted with a small group of target users, including students, working professionals, and first-time mindfulness app users.

Testing Methods for ease

- 5 participants tested a high-fidelity prototype (via Figma or mobile demo)

- Tasks included: signing up, completing onboarding, logging a mood, starting a meditation, and exploring community support

- Each session lasted 15–20 minutes followed by a short interview

Product details mobile mockup
🔹 Customizing Meals

✅ Most users found the drop-downs and ingredient swap options super intuitive and satisfying.
✅ Loved being able to build meals that matched their dietary needs without confusion.

🔹 Home Page & Offers

✅ Users were happy to see offers pop right at the top—it made them feel rewarded.
✅ Layout felt clean and gave priority to what mattered.
❌ One user didn’t scroll the offers carousel and missed additional deals—suggested a swipe hint.

Checkouts screen mobile mockup
🔹 Checkout Page

✅ Users appreciated the clean layout and straightforward summary of their customized meal, price, and nutrition facts.
✅ Payment options were easy to access and clearly labeled, reducing hesitation at final steps.

🔹 Meal Detail & Info Section

✅ Nutritional info and calorie breakdowns were appreciated—especially by fitness-focused users.
✅ Product details were easy to skim and digest (pun intended).

Key Metrics & Insights:

🧩 Task Success: Most users smoothly customized their meals, browsed offers, and completed checkout.

⏱️ Time on Task:
Users spent the most time on the customization screen, exploring ingredient swaps and nutritional breakdowns. Checkout and navigation between sections were fast and friction-free.

⚠️ Error Rate:
Some users missed tapping to reveal more customization options or overlooked smaller buttons like “Add Special Instructions” during checkout. Promo code section was skipped by a few due to low visibility.

😊 User Satisfaction:
Users loved the clean layout, personalized meal builder, and health-focused visuals. The home page was described as “motivating” and “crisp.”

Wireframes

Sketches

sketches

Low Fidelity Wireframes

Low fidelity wireframes

Style Tile

Style tile

Logo Making Process

Morphological Logo Chart > Sketches & Iterations > Final Digital Logo > Mockups

Morphological logo chart


🔹 Morphological Logo Chart
I started the logo design process with a Morphological chart to break down and explore different attributes that could represent Fresh Fusion—focusing on keywords like ‘freshness,’ ‘organic,’ and ‘healthy.’ This helped me narrow down key design features like shapes, colors, and styles that aligned with the brand identity.

Logo Sketches


🔹 Sketches & Iterations
Next, I moved on to sketching various logo concepts. Each sketch explored different interpretations of the brand’s essence. I played with natural, organic elements like leaves and fruits

Final fresh fusion logo usage
Final fresh fusion logo usage
Final fresh fusion logo usage

Logo in action

Fresh Fusion Logo mockupFresh Fusion Logo mockupFresh Fusion Logo mockupFresh Fusion Logo mockup


Try Prototype

Key Learning

Building Fresh Fusion taught me that good design isn’t just about making things pretty—it’s about making them make sense. From balancing clean UI with customizable complexity, to ensuring accessibility without overwhelming the user, every screen was a lesson in thoughtful decision-making.

I learned how much small things matter:
like how a well-placed icon, a visible promo section, or a clear button label can make someone’s entire experience smoother. Designing for health-conscious users also made me more conscious of inclusive design and the importance of simplifying cognitive load.

Most importantly, I realized that design isn’t just solving problems—it’s about creating a space that feels welcoming, empowering, and easy to use... even when someone’s counting calories with one eye closed.

Contact me

GET IN

icon

TOUCH

Contact

Contact