Yon-e.
A premium mobile application built to help health-conscious users solve complex biometric data tracking and achieve a seamless, tech-forward wellness experience.
/
About the client
YON-E is an innovative health-tech brand focused on creating data-driven wellness experiences. Aiming to set a new standard in mobile health, the client sought to build an ecosystem that seamlessly translates sophisticated scientific biomarkers—like body temperature and pH levels—into clear, actionable daily health insights.
/
Challenge
While the digital health market is growing rapidly, few solutions combine advanced biomarker tracking with a premium user experience. The challenge was twofold: creating intuitive data visualization systems for complex physiological metrics without overwhelming the user, and establishing a sophisticated, high-end visual language that balances technological authority with empathetic care.
/
Wireframes
Structural wireframes created to map out screens, prioritize content, and ensure a clear, intuitive user flow.
/
Design Concepts
We explored three visual directions for NOÉ: Concept #1 focusing on dark tech precision, Concept #2 on warm glassmorphism, and Concept #3 on a bio-futuristic violet aesthetic with a glowing orb visualizer. Evaluated on brand fit, data clarity, and user connection, Concept #3 was selected to create an ultra-premium HealthTech experience.
/
High-Fidelity Design
The final interface ensures a seamless, premium mobile experience by translating complex physiological biomarkers into clear, intuitive visual structures.
We prioritized usability by crafting a robust visual language, refining typography hierarchy, and optimizing data visualization controls for effortless daily tracking.
To provide an empathetic health journey, we integrated fluid visual status indicators, emotional well-being check-ins, and holistic insights to establish a cohesive, tech-forward environment for users.
/
Onboarding Flow
The NOÉ onboarding flow guides new users through a frictionless, step-by-step introduction designed to establish privacy trust, capture essential cycle data, and effortlessly pair the NOÉ Device. By utilizing clear progress tracking
/
Home Page
The Home screen serves as a personalized health hub, delivering real-time body metrics (such as pH levels and temperature), tracking the current cycle phase, and providing quick access to actionable insights, analytics, and emotional support resources.
/
Cycle
The Cycle Details screen provides a comprehensive breakdown of the user’s menstrual cycle. It features a interactive calendar, daily phase tracking, symptom logging (mood, sleep, activity), and in-depth educational insights to help users understand their body’s physiological changes and support themselves in each phase.
/
Logging
A seamless daily check-in flow designed to minimize user friction while capturing critical health metrics. Through interactive visual controls (sliders and generative visuals), users can effortlessly log sleep duration, stress levels, and emotional state in just a few taps.
/
Design System
A scalable design system built to maintain visual harmony and functional consistency across the entire ecosystem. It includes modular components—interactive buttons with distinct states, input fields, notification cards, and dynamic cycle visuals—paired with a soft, organic color palette. This structured foundation enables seamless iteration and smooth feature expansion as the product evolves.
/
Results
The YON-E project has successfully completed its full design development cycle—from Discovery and Information Architecture to High-Fidelity UI and a comprehensive UI Kit.
Through strategic competitive analysis, scalable structure, and validated wireframes, the design phase is 100% complete and handed over to development. The outcome is a premium, tech-forward product experience ready for strong market positioning.
let’s talk.
Tell us about your project, question, or idea. We’ll get back to you within 1–2 business days.
Latest Projects.
A curated selection of projects that reflect our commitment to simplicity and purposeful design.
