Overview
Mindwave is a digital wellness brand designed to help users track and balance their emotions through daily reflections. The project aimed to create a landing page that feels calm, intelligent, and trustworthy — communicating emotional wellness through clean design and smooth user flow.
Objective
Design a high-converting landing page for a mental health app that builds trust at first glance, using emotion-driven visuals, soft colors, and an intuitive product narrative.
Approach & Process
Visual Direction
The visual identity blends clarity and serenity.
Colors: a mix of soft mint, blush rose, graphite, and white to express calmness and focus.
Typography: Poppins for titles and Inter for paragraphs to balance personality and readability.
Mood: modern, light, and reflective — giving users a sense of mental clarity.
UI/UX Design
The design follows a storytelling structure — from awareness to trust.
Scroll-based transitions introduce features as a guided narrative.
Floating UI elements and glass-like components create a sense of lightness and depth.
Clear CTAs (“Start Tracking,” “Get the App”) are placed at emotional peaks to drive action naturally.
Interaction & Motion
I used smooth fade-in animations and micro-interactions to keep users engaged without distraction. Every movement reinforces calm and presence — echoing the brand’s philosophy.
Development
The landing page was built natively on Framer with responsive layouts, optimized for both performance and storytelling. SEO meta-tags and Open Graph visuals were implemented to support shareability and visibility.
Results
The Mindwave site delivers an immersive first impression — merging emotion and technology through minimalist design. It positions the app as a credible and modern wellness brand ready for acquisition campaigns and user onboarding.
Key Takeaways
This project highlighted how softness, rhythm, and motion can communicate complex emotions. By designing for feeling first, the interface naturally becomes functional, intuitive, and human.