Lumora: A Mental Wellness & Mindfulness Learning Platform

Redesigning Lumora - A Mental Wellness & Mindfulness Learning Platform

Role: Solo UX/UI Designer (Strategy, UX Research, IA, UI design, Prototyping)

Tools: Figma · Notion · Maze · Whimsical

Duration: 4 Weeks (Concept to Final Prototype)

Jump to Section ⏬

Lumora is a digital platform that offers short-form psychology courses and guided meditations to help users develop emotional resilience, self-awareness, and habits for personal growth.

Despite its evidence-backed content and credible experts, the original platform lacked emotional resonance, personalization, and a clear structure to guide users from curiosity to action.

The homepage failed to communicate value quickly or guide different user types (casual vs intentional).

Meditation content was buried, despite being a key driver of daily habits.

The course structure felt static and unapproachable, making engagement and completion unlikely.

There was no sense of progress, habit reinforcement, or personalization.

The homepage was rebuilt to balance credibility, warmth, and discoverability:

Emotive headline + hero video

New “Well-Being Short Courses” section with swipeable cards

Dedicated Meditation section, now positioned as a standalone pillar

Trusted-by and expert features to build instant credibility

Simplified pricing and CTA clarity: “Start Free Trial”

Courses now use an immersive masterclass format with the following changes:

Hero layout with trailer and instructor profile

Skills you’ll learn, expert credibility, and program structure are now clearly presented

Syllabus organized into expandable weekly modules

Related courses are now integrated to support natural content progression

Dedicated Masterclass trailer and About the Host section

Psychological Layer: Visual consistency, iconography, and white space were optimized to reduce cognitive load while reinforcing structured progress.

Full video player layout with a left-aligned course navigator

“Lesson Content” + “Additional Resources” tabs allow flexible consumption

Key Points and Tasks section added to reinforce behavioral learning

Real-time progress tracker updates at the top right

Lesson “Complete” toggle at the bottom reinforces habit loops

Behaviorally, this increases active recall and completion tracking — a major shift from passive learning.

Meditations are now a core product, not a bonus:

New Meditation Hub with category filters: Sleep, Stress, Focus, Inner Peace

Visual meditation cards with length + audio type

Seamless access to daily-use meditations even without starting a course

Users are introduced to Lumora with an optional quiz that curates:

Suggested courses

Recommended meditations

A 7-day “Starter Journey” tailored to their needs

This mimics the personalization of Headspace/Noom while aligning with Lumora’s psychology-first approach.

Every screen was designed with responsive layouts in mind:

Meditation cards are optimized for tap targets and one-handed scrolling

Sticky CTAs were used throughout for trial conversion

Mobile dashboard shows progress, saved meditations, and streaks

Typography: ITC Avant Garde Gothic Std (headers), TT Hoves (body)

Color Palette: Blue, Blue Charcoal, Greenish Teal, Saffron Mango, Red Ribbon

Iconography: Rounded, empathetic

UI Pattern: Card-based modules, tabs, overlays, clean elevation system

Key Design Choices:

Used emotionally resonant imagery and faces for trust

Reduced UI chrome to avoid mental clutter

Introduced microinteractions like hover elevation, lesson toggles, and progress pulses

This redesign taught me the power of bridging science and serenity. The most effective wellness platforms don’t just educate — they guide, support, and emotionally engage.

It also emphasized:

The importance of micro-habit reinforcement via meditation

Using structure to increase motivation and clarity

Balancing clean UI with human storytelling