Active Zen
Introduction
Concept:
Active Zen combines physical activity with mindfulness, offering a fresh approach to meditation for modern users.
Objective:
Redefine meditation by integrating active practices, making mindfulness accessible, engaging, and a part of everyday life.
The Problem
Traditional meditation can be challenging for users who struggle with stillness or focus. There’s a gap in providing accessible mindfulness practices that align with dynamic lifestyles.
Solution
Active Meditation – Sync breathing with physical activities like running, swimming, or cleaning to achieve mindfulness.
Research and Ideation
Exploration:
Reviewed meditation techniques, visuals, and apps.
Analyzed symbolism, including chakras and celestial visuals, to represent mindfulness.
Identified the untapped potential of active meditation as a unique selling point (USP).
Design Approach
Key Principles:
Inclusivity: Active meditation for a wide audience.
Symbolism: Use of chakras, loops, and flowing visuals to evoke calm and balance.
User-Centric: Clear, guided experiences to help users engage seamlessly.
Features
Home Screen
Scheduled Activities: View upcoming meditation sessions.
Previous Activities: Quickly revisit or continue activities.
Activity Page
Activity Benefits: Highlight the benefits of each practice.
Scheduler: Plan sessions with ease.
Call-to-Action (CTA): Start activities instantly.
Instruction Page
Doodle-Style Visuals: Step-by-step guides with sliding timers for clarity.
Session Page
Interactive Breathing Moments:
Chakra-based timer with heartbeat animations for rhythm.
Icons for breath guidance within the circular timer.
Wearable Integration: Track heart rate and activity data.
End Page
Session Insights:
Time spent, breathing sync, and focus level.
About Page
Progress Tracking:
Monthly calendar with streak data and detailed stats.
Gamification Features:
Streak Tracker: Encourage consistency.
Color-Coded Progress: Visualize completed activities for motivation.
Design Details
Visual Identity
Name: Active Zen – Balancing physical activity with mental clarity.
Logo: Chakra symbol representing mindfulness, balance, and energy.
Color Palette: Activity-specific colors for differentiation, with a dark theme for a calming aesthetic.
Interactive Features
Voice Instructions: Guided auditory cues.
Vibration Feedback: Tactile signals synced with activity rhythm.
Background Music: Customizable for an immersive experience.
The components for the timer and the breathe synchronization
Instruction Doodle
Streak Display
Logo and the name of the Application
Screens
Home
Activity Info
Instruction Doodle
Session Setup
Post Session Stats
Account
Flow Zone
Activities
Active Zen
Active Zen
The Problem
Traditional meditation can be challenging for users who struggle with stillness or focus. There’s a gap in providing accessible mindfulness practices that align with dynamic lifestyles.
Solution
Active Meditation – Sync breathing with physical activities like running, swimming, or cleaning to achieve mindfulness.
Research and Ideation
Exploration:
Reviewed meditation techniques, visuals, and apps.
Analyzed symbolism, including chakras and celestial visuals, to represent mindfulness.
Identified the untapped potential of active meditation as a unique selling point (USP).
Design Approach
Key Principles:
Inclusivity: Active meditation for a wide audience.
Symbolism: Use of chakras, loops, and flowing visuals to evoke calm and balance.
User-Centric: Clear, guided experiences to help users engage seamlessly.
Design Details
Visual Identity
Name: Active Zen – Balancing physical activity with mental clarity.
Logo: Chakra symbol representing mindfulness, balance, and energy.
Color Palette: Activity-specific colors for differentiation, with a dark theme for a calming aesthetic.
Interactive Features
Voice Instructions: Guided auditory cues.
Vibration Feedback: Tactile signals synced with activity rhythm.
Background Music: Customizable for an immersive experience.
The components for the timer and the breathe synchronization
Streak Display
Home
Activity Info
Introduction
Concept:
Active Zen combines physical activity with mindfulness, offering a fresh approach to meditation for modern users.
Objective:
Redefine meditation by integrating active practices, making mindfulness accessible, engaging, and a part of everyday life.
Features
Home Screen
Scheduled Activities: View upcoming meditation sessions.
Previous Activities: Quickly revisit or continue activities.
Activity Page
Activity Benefits: Highlight the benefits of each practice.
Scheduler: Plan sessions with ease.
Call-to-Action (CTA): Start activities instantly.
Instruction Page
Doodle-Style Visuals: Step-by-step guides with sliding timers for clarity.
Session Page
Interactive Breathing Moments:
Chakra-based timer with heartbeat animations for rhythm.
Icons for breath guidance within the circular timer.
Wearable Integration: Track heart rate and activity data.
End Page
Session Insights:
Time spent, breathing sync, and focus level.
About Page
Progress Tracking:
Monthly calendar with streak data and detailed stats.
Gamification Features:
Streak Tracker: Encourage consistency.
Color-Coded Progress: Visualize completed activities for motivation.
Instruction Doodle
See more of my work
Smart Triage
Mayo Clinic
Healthcare UX, AI Decision Support, CX Research
AI triage workspace for faster referral decisions.
Built a unified clinical workspace that helps clinicians review referrals faster, safer, and with clearer context.
40% Faster , 12–18 Min Saved, 3× Faster Flagging
Homie.AI
Venture Build
AI Product Design, Learning UX
Real-time visual AI guidance for learning complex tools.
Designed a screen-aware learning assistant that reduces tutorial switching by bringing step-by-step, visual help directly into the user’s workflow.
Uni-Verse
Engagement
Engagement UX, Behavioral Design, UI Systems
Helping students find people, events, and belonging.
Designed a campus companion that connects students through Tag-Along, communities, live events, and real-time activity maps.
Best UX/UI Design Award · ASU GIT Fall 2025
See more of my work
