Serein
A gentle, visually calming landing page built to connect users with therapy, mindfulness tools, and personalised wellness guidance.
ROLE
Personal Project
DURATION
1 week
EXPERTISE
UI/UX Design
PLATFORM
Landing Page
Project Description
Serein is a mental well-being platform designed to gently connect users with therapy, mindfulness tools, and personalized emotional support resources. The core challenge was to design a landing experience that feels safe, calming, and trustworthy, avoiding the clinical or overwhelming aesthetic common to mental-health services.
This design aims to help users feel understood, explore options confidently, and begin their well-being journey without friction.
Problem
Mental health platforms often feel either too clinical or too overwhelming.
Users who are seeking help tend to experience:
Emotional hesitation: Fear of judgment or uncertainty about where to begin
Information overload: Too many options, unclear pathways
Lack of warmth: Interfaces that feel transactional instead of empathetic
Serein needed a landing page that felt like a safe space from the very first scroll, guiding users gently while providing clarity and confidence.
Goals
To address these challenges, I focused on:
Emotional Safety First:
Create a welcoming and reassuring first impression that reduces hesitation.Clear & Simple Communication:
Structure offerings so users understand what’s available and how to get started without cognitive overload.Calming Visual Language:
Soothing colors, gentle typography, and supportive illustrations to build trust and ease.Easy Navigation & Scan-ability:
Structured sections that guide users logically through how it works → services → testimonials → getting help.Strong but Gentle Call to Action:
Encouraging engagement without feeling aggressive or pushy
Target Audience
Adults managing stress, anxiety, burnout, or emotional imbalance
Individuals new to therapy or unsure where to begin
Users looking for guided support without commitment pressure
Young adults familiar with friendly, modern design languages
User Insights & Design Strategy
Research Findings
Users dealing with mental health concerns:
Often face emotional hesitation — reluctance to engage due to fear or uncertainty
Get overwhelmed by information overload on landing pages
Seek validation and simplicity before committing to therapy or tools
Opportunities
Lead with empathy through tone and visual rhythm
Use simple storytelling and digestible content blocks
Integrate illustrations that evoke calm and reassurance
Design Solution
Visual Language
A soft, neutral palette to create space and reduce emotional weight
Minimalist layout with generous white space for ease of focus
Rounded typography and comforting visuals to signal acceptance and ease
Content Structure
The landing page flows to answer 3 core questions users subconsciously ask:
What is this?
Clear headline + subtext describing Serein’s purpose.How does it help me?
Step-by-step How It Works section showing process clarity.Why should I trust it?
Testimonials showcasing real emotional impact.
Each section was refined for scan efficiency and emotional resonance.
Landing Page
serein
Home
About
FAQ
Contact
A gentle space for your mental wellbeing.
Connect with licensed therapists, counselors, and wellness coaches to support your journey.
Get Started
HOW IT WORKS
01 — Check In
A short emotional assessment helps us understand what you’re feeling.
02 — Get Matched
We pair you with the right resources and experts instantly.
03 — Begin Healing
Start therapy, self-care routines, or guided programs built for your needs.
SERVICES
Your Path to Well-being
Discover expert guidance for a healthier mind and balanced life.
Personal Therapy Sessions
One-on-one support with certified mental-health professionals, fully confidential.
Learn More
Guided Mindfulness & Self-Care Tools
Meditations, breathing exercises, and daily practices to help reduce stress and anxiety.
Learn More
Mood Tracking & Personalised Wellness Plans
Personalised guidance to help you build healthier habits, manage stress, and achieve balance in all areas of your life.
Track your emotions and receive tailored recommendations to improve your mental well-being.
Learn More
TESTIMONIALS
Hear From Those We’ve Helped
Positive experiences from users who have benefited from therapy or wellness programs.
“I finally feel understood.”
“Serein connected me with a therapist who truly listened. The sessions have helped me manage my anxiety in ways I never thought possible.”
— Rhea, 31
“A safe space when I needed it most.”
“The instant chat support made me feel supported during some really overwhelming nights. I felt heard and never alone.”
— Aarav, 28
“The mindfulness tools changed my routine.”
— Diya, 24
Our Partners
EXPLORE & LEARN
Your Safe Space to Learn & Grow
Discover expert guidance, self-care practices, and tools designed to strengthen your mental well-being.
Guided Meditation Library
Find calming audio sessions for stress, anxiety, sleep, and focus.
Explore
Self-Help Worksheets & Journals
Download easy-to-use templates for reflection, goal-setting, and emotional awareness.
Explore
Expert-Curated Wellness Articles
Read practical, science-backed tips to improve mood, relationships, and daily balance.
Explore
COMMUNITY
A Safe Space to Move Forward
Connect with others, share experiences, and find encouragement in a safe, supportive space.
Join The Community
NEED HELP?
Frequently Asked Questions
Find answers to common questions about our services, therapy, and mental well-being.
Are my sessions and personal information confidential?
How do I know which therapist is right for me?
How quickly can I get matched with a therapist?
What types of mental-health concerns do you support?
Can I switch therapists if I don’t feel comfortable?
What tools or resources are included for free?
Get in Touch
We’re Here to Support You
Whether you have questions, need help getting started, or want to learn more — reach out anytime.
Contact Details:
Email : support@serein.com
Phone : +91 98XX-XXX-XXX
Address : 123 Wellness Way, Calm City, CA 90210
We typically respond within 12 hours.
Send Us a Message
Message
Message
Send Message
serein
About
Services
Therapists
Resources
Contact
YouTube
Terms of use
Privacy Policy
© [2025] serein. All rights reserved.
Colour Palette
Primary
#62745D
Secondary
#FFF7E1
Background
#FDFCFA
Text 1
#323C2F
Text 2
#FDFCFA
Typography
Abyssinica Sil
Heading 1
ABCDEFGHIJKLMNOPQRSTUVWXZ
Heading 2
abcdefghijklmnopqrstuvwyz
Heading 3
ABCDEFGHIJKLMNOPQRSTUVWXYX
Raleway
Body Text 1
ABCDEFGHIJKLMNOPQRSTUVWXYX
Body Text 2
abcdefghijklmnopqrstuvwyz
Body Text 3
ABCDEFGHIJKLMNOPQRSTUVWXYX
Outcome & Impact
Outcome & Impact
Although this was a personal project, the approach demonstrates:
User-centered empathy at every stage
Strong visual and emotional design language
Clear messaging hierarchy for better conversion potential
A prototype that could scale into a full platform with guided onboarding
Reflection & Next Steps
If expanded further, the project could include:
Prototype usability testing with representative users
Interactive journeys for different audience segments
A/B tests to optimize CTAs and content flows
Development of a brand identity system to reinforce trust continually
