02/06/2024
Bloom
Bloom is a calming and intuitive landing page designed to promote a mindfulness app that helps users reset, relax, and refocus through short, guided meditations and mood-based sessions.
Marketing
Web App
Company
Bloom
Location
Worlwide
Client
Greyman Sienna
Bloom is a serene and minimal landing page concept designed for a meditation and mindfulness app that supports users in finding calm throughout their day. The platform offers guided meditations, mood-based audio sessions, and gentle tools to encourage mental clarity—anytime, anywhere. The main goal was to design a clean, focused interface that reflects peace and ease while clearly communicating how the product works and its core benefits.
Services
User Interface & Experience Design
Website Design & Layout
Framer Development
Responsive Design Implementation
Category
Wellness & Mindfulness
Digital Product
Timeframe
June 2024 - August 2024
The goal was to create a calming and user-centric experience that supports mental well-being while communicating the product's unique value. With wellness platforms, emotional clarity and intuitive design are essential, so I approached this project with a focus on minimalism, flow, and trust.
The user journey was designed to feel seamless—allowing visitors to explore the app's features, understand the benefits, and feel encouraged to try a session. I structured the content in a way that mirrors a mindful experience: calm visuals, clear messaging, and thoughtful pacing.
The result is a responsive, elegant landing page that not only reflects the app’s tranquil essence but also invites users to engage without distraction or effort.
When working on Bloom, I focused on the emotional goals of the users—what they want to feel after landing on the page. Since meditation and mental reset are deeply personal experiences, I knew the interface had to be warm, open, and distraction-free. The challenge was to design something that felt alive and interactive, yet completely calming.
I started by exploring other wellness and mental health apps to understand their tone, structure, and feature priorities. I also reviewed user behavior around guided meditation and mindfulness tools, identifying the importance of soft interaction, non-intrusive guidance, and flexible mood-based entry points.
From this, I shaped a layout that was both functional and emotional—allowing users to intuitively choose how they feel, explore session types, and follow their progress, all while feeling supported.
After establishing the structure and tone, I sketched early wireframes to visualize the flow of the experience. I then translated these into fully responsive UI designs, maintaining a clean visual hierarchy, gentle color palettes, and smooth typography to reflect the app’s purpose.
I developed the entire landing page in Framer, ensuring every scroll interaction and animation felt natural and fluid. Since this was a one-page site, special attention was given to micro-interactions, layout spacing, and transitions between sections to maintain engagement while preserving calmness.
The design direction was built around user mindfulness—understanding that visitors may arrive feeling stressed or scattered, and need immediate visual and emotional relief. My approach was to remove any clutter or decision fatigue, using soft UI elements and a spacious layout to create a sense of ease.
Typography, spacing, and flow were used to guide users through the experience without ever feeling rushed. Each section of the page reflects a specific user need—from emotional entry (how do I feel?) to solution (listen and breathe), to long-term impact (track your progress).
Even a simple landing page must balance aesthetics with function. For Bloom, I faced several subtle but important challenges:
Responsiveness: The design needed to work beautifully across screens of all sizes—especially mobile, since users may visit during a break or on the go. I designed and tested each layout breakpoint for fluid readability and alignment.
Performance: Built in Framer, the page required careful use of animations and media to ensure load times stayed fast while delivering a premium feel.
Clarity in simplicity: With limited space, it was important to communicate the app’s features and benefits without overwhelming the user or breaking the calm tone. Every word and visual had to earn its place.
