WhisperHealth Interactive Wellness Mobile App UI Design

Nauval

Nauval Pradipta

đź“– About Project

I designed a mobile health and wellness app that turns complex medical biomarkers into an interactive, engaging experience. The app helps users learn about nutrients like Vitamin B12, Calcium, and Iron through playful exploration before guiding them to schedule a health check.

đź§© Problem

Health apps often feel too clinical or overwhelming, making users disengaged. Medical terms can be intimidating, and interfaces are usually heavy with data instead of being approachable. The challenge was to design an experience that feels minimal, fluid, and trustworthy, where users can easily explore their body’s signals in a way that sparks curiosity.

🙌 My Approach

To make the app feel both engaging and trustworthy, I focused on translating complex health data into simple, approachable interactions. The goal was to balance playfulness with credibility so users feel curious while still confident in the information they receive.
Created a wave-based landing screen with analyte names flowing smoothly, supported by subtle soft gradients beneath each wave to add depth and motion.
Designed pop-up cards for each analyte with accent colors tied to their meaning (Vitamin B12 → orange, Calcium → green, Iron → blue). Each card includes a short “whisper line” and a simple explanation in friendly language.
Built a clear appointment prompt screen with a large central illustration and CTA buttons, balancing vibrant primary actions with soft outlined secondary buttons.
Chose a clean color system: Leafy Green, Vitamin Orange, and Mineral Blue palettes, paired with sans-serif typography for clarity and approachability.

📦 Output

3 high-fidelity app screens:
Wave Screen: interactive analyte flow with soft gradients.
Analyte Pop-Up: informative card design with color-coded accents.
Appointment Prompt: spacious call-to-action screen with clear choices.
A consistent visual identity that feels light, modern, and future-ready.

âś… Outcome

The final concept delivers a health app experience that is minimal yet engaging. Users are encouraged to explore, learn, and take action without feeling overwhelmed by medical complexity. By blending credibility with curiosity, the design helps transform medical data into something human and approachable that ultimately driving users to schedule health checks with confidence.

🎨 Design Preview

WhisperHealth App
WhisperHealth App
Like this project

Posted Sep 4, 2025

An interactive wellness app concept that turns complex health data into a simple, playful, and trustworthy experience.