🧘 MENTAL HEALTH / FITNESS APP UI DESIGN
🔍 About the Task
Design the UI for a mobile app focused on mental or physical wellness. Choose between a habit tracker, journal, workout planner, or guided meditation tool. Think Calm, Headspace, or Strava-level simplicity and empathy-driven experience design — exactly the kind of projects growing wellness startups need.
✅ What You’ll Do
- Sketch out flows to navigate between home, dashboard/tracker, and activity detail screens
- Design for mobile-first interface and accessibility
- Use calm color palettes, clear micro-interactions, and minimalist layouts
- Include at least three distinct screens: home, tracker/dashboard, and activity detail
🎯 Skills You’ll Gain
- Empathy-centered UX design for wellness app users
- Mobile-first layout and accessibility best practices
- Designing clean and calming UI components
- Incorporating wellness-informed UI patterns (e.g. mood icons, progress rings)
🛠️ Tools You’ll Use
- Figma – Primary tool for UI design, wireframing, and prototyping
- Unsplash or Freepik – High-quality wellness/fitness images & illustrations
- Google Fonts—Free, web-safe fonts for clean and accessible typography
- IconScout or Font Awesome– Icon libraries to add visual polish to your UI
🔗 Behance Showcase Examples (Mental Health / Wellness App UI)
- Growth: Habit Tracker & Mental Health App– A beautifully crafted case study showing onboarding, tracker screens, and visual flow.
- MindEase – Breathwork & Mental Wellness App – Displays holistic UI design for a calm and intuitive health app.
🔗 Behance Fitness App UI Case Studies
- RevoFit – Workout & Fitness App UI/UX Case Study
A polished, well-structured fitness app case study including onboarding, dashboards, and workout planning screens. - Movo – Smart Fitness & Habit Tracker App (Case Study)
A clean and thoughtful wellness tracker project that integrates habit tracking with fitness progress displays.
📁 Deliverables
✔ Mobile app prototype in Figma with at least three screens
✔ UI screens clearly labeled (Home, Tracker/Dashboard, Activity Detail)
✔ Basic annotations or interaction notes
✔ (Optional) Case study or video walkthrough on Behance
🔗 Recommended Tutorial Video