Role
UI/UX Designer
HEALTHMUNCH
Healthy Food Mobile App UI/UX Case Study
A warm, friendly food experience designed for recipes, nutrition insights, meal categories, and seamless ordering.
Figma
Adobe Illustrator
Project Overview
Category
Health & Nutrition
Platform
iOS & Android
Style
Clean · Friendly · Light
Brief / Challenge
The challenge was creating a warm interface for recipe browsers and meal planners alike, keeping nutrition data clear and checkout frictionless.
We designed a sage-green and coral system with soft pastel category cards, readable article layouts, macro nutrition bars, and a complete auth-to-order journey.
Key Features
Healthy Recipes
Browse global recipes with clear categories and imagery.
Nutrition Info
Protein, calories, carbs, fiber, and sugars at a glance.
Meal Categories
Breakfast, lunch, dinner, and coffee in a pastel grid.
Wellness Articles
Educational content on healthy eating habits.
Login & Signup
Simple email auth with show/hide password controls.
Cart & Checkout
Add to cart, confirm details, and track order success.
Screen Showcase
Onboarding
Visual Identity
Color Palette
- #FFFFFF
- #F4F7F2
- #90C084
- #4F6D4A
- #F28B72
- #FFF3E8
- #E8D4F0
- #3D2E28
Typography
Outfit
- Regular · Aa Bb Cc
- Medium · Aa Bb Cc
- Semibold · Aa Bb Cc
- Bold · Aa Bb Cc
Final Presentation
Good health starts with good design.
HealthMunch makes nutritious eating feel simple, joyful, and within reach — from the first onboarding screen to the final order confirmation.