Harmony Habits is a mobile app concept created for people who want to explore herbal wellness in a simple, calming, and practical way. The app helps users discover plants and herbs, learn their benefits, create daily wellness tasks, save favorite plants and recipes, and receive personalized seasonal recommendations based on their goals and location.

Year: 2025 Industry: Wellness, Herbal Health, Lifestyle, Mobile App Project Type: UX/UI Design, Mobile App, Wellness App Scope: Research, User Flow, Onboarding, UX/UI Design, UI Kit, Mobile Screens Contribution: UX/UI Design, User Flow, Interface Design, Visual System, UI Kit

Harmony Habits is a mobile wellness app designed to make herbal knowledge feel accessible, personal, and easy to integrate into everyday life.

The app helps users build lasting herbal habits through education, mindful rituals, personalized tasks, plant discovery, recipes, and seasonal guidance.

The main goal was to create a calm and intuitive mobile experience where users can explore herbs, understand their benefits, and turn this knowledge into simple daily actions.

The final result is a soft, nature-inspired mobile app that combines wellness education, habit-building, and personalized recommendations in one clear experience.

Many people are interested in herbs, natural wellness, and plant-based rituals, but they often do not know where to start.

The main challenges were:

Herbal information can feel overwhelming Users may be interested in natural wellness but struggle to understand which herbs are useful, how to use them, and how to safely integrate them into daily routines.

Wellness habits are hard to maintain Even when users know what they want to do, they need reminders, simple tasks, and structured support to turn ideas into consistent habits.

Beginners need guidance The app had to feel welcoming for users with no herbal background, while still offering enough depth for those who want to explore plants more seriously.

Personalization was important Different users have different goals: better sleep, emotional balance, natural energy, gut health, immune support, skin care, or mental clarity. The app needed to adapt to those needs.

The experience had to feel calm, not clinical Since this is a wellness product, the interface needed to feel natural, soft, supportive, and emotionally comfortable.

Help users discover, understand, and integrate herbs into their daily lives.

Create a calming and beginner-friendly mobile experience.

Build a clear onboarding flow for personalization.

Support daily habit-building through tasks and reminders.

Make herb and plant discovery simple through search, filters, and recommendations.

Allow users to save favorite plants and recipes.

Provide seasonal and location-based wellness updates.

Create a soft, nature-inspired visual system.

The user flow was designed to be calm and intuitive.

The journey begins with a splash screen, sign-up or sign-in, onboarding, and an optional intro guide. After that, users land on the Home screen, where they can access the main sections of the app.

The structure helps users move from learning to action: discover a herb, understand its benefits, save it, and turn it into a daily wellness task.

The onboarding flow was designed to personalize the app from the first interaction.

Users can define:

Why they joined Harmony Habits

Their wellness goals

Their preferred experience

Whether they want daily suggestions

Location-based guidance preferences

The onboarding makes the product feel more personal and helps the app recommend relevant herbs, rituals, and seasonal updates.

Example goal categories include: Emotional balance, Better sleep, Natural energy, Daily grounding, Mental clarity, Self-connection, Skin support, Gut health, Immune strength, Nervous system support.

A quick walkthrough was added to help new users understand the app without feeling lost.

The guide explains how to use the bottom navigation, explore herbs, open the calendar, create tasks, save favorites, and follow daily suggestions.

This helps reduce friction during the first session and makes the app feel supportive from the start.

The Home screen gives users a personalized overview of their wellness journey.

It includes:

Today’s highlights

Today’s tasks

Seasonal updates

Quick access to recommended rituals

Add new task button

Progress indicators

Personalized content cards

Users can quickly create a new wellness task, review their daily focus, or move to another section of the app.

The Home screen acts as the starting point for building a natural wellness routine.

The Explore section helps users browse a rich herbal encyclopedia.

Users can search plants and herbs or filter them by:

Benefit

Plant type

Form

Skill level

Seasonality

Mood

Preparation method

The goal was to make plant discovery feel simple and enjoyable, even for beginners.

The app also includes a “Surprise me” feature for random herbal discovery. This adds a playful element and helps users explore new plants without needing to know exactly what to search for.

Each plant page gives users a detailed but easy-to-read overview of the herb.

This structure helps users quickly understand how a plant can support their wellness goals and how to apply it in daily life.

The Apothecary section focuses on practical herbal rituals and DIY wellness recipes.

Users can browse recipes such as herbal teas, masks, oils, tinctures, balms, and natural wellness blends.

The app allows users to:

Search recipes

Filter by category or purpose

Open recipe details

Save recipes

Add recipes to tasks

Receive ritual suggestions

This turns herbal knowledge into simple, actionable routines.

The Calendar section helps users track herbal tasks, seasonal updates, and plant-related activities.

Users can view:

Daily tasks

Seasonal updates

Planting, sowing, transplanting, and harvest periods

Personalized reminders

Region-based seasonal tips

This feature helps users connect herbal wellness with real-life timing and seasonal rhythms.

The app uses user behavior, goals, and location-based data to deliver personalized updates.

Recommendations can include:

Seasonal planting tips

Herbal tea rituals

Recipe reminders

Favorite plant updates

Wellness nudges

Region-specific herb guidance

Daily task suggestions

These contextual recommendations help users stay engaged and supported throughout their wellness journey.

The visual system was inspired by nature, calm routines, and herbal wellness.

The interface uses soft greens, light neutral tones, organic photography, rounded cards, and spacious layouts. The goal was to create an atmosphere that feels peaceful, trustworthy, and easy to use.

The design uses two fonts:

Inter — main font for interface text, cards, navigation, and body content. Montserrat — used for titles and subtitles to create a stronger visual accent.

Typography styles include: Regular, Medium, Semibold.

The color palette is based on natural greens, soft neutrals, and dark grounding tones.

Main colors include:

#202325 — deep charcoal #303437 — dark neutral #404446 — gray neutral #7B8084 — muted gray #467346 — primary green #7CAC7C — soft green #ABCBAA — light botanical green #E8F1E7 — pale green background #F7F9FA — soft light background #F2F4F5 — light gray background #E3E5E5 — neutral UI tone #CDCFD0 — border / supporting neutral

A UI kit was created to keep the mobile experience consistent.

It includes:

Buttons

Bottom navigation

Cards

Filter chips

Search fields

Task cards

Plant cards

Recipe cards

Calendar elements

Recommendation cards

Favorite states

Modal windows

Progress indicators

Onboarding components

Form fields

Success messages

Notification cards

The UI kit supports a calm and clean mobile experience while keeping the app scalable for future features.

The final design created a complete mobile wellness experience focused on herbal education, habit-building, and personalized support.

A calm mobile app experience for exploring herbs, plants, and wellness rituals.

A clear onboarding flow that personalizes the user journey from the start.

A structured user flow that connects discovery, education, favorites, tasks, recipes, and calendar planning.

A beginner-friendly guide that helps users understand the app quickly.

A rich Explore section with search, filters, and random herb discovery.

Detailed plant pages with benefits, cautions, properties, care tips, and practical uses.

Daily task creation that helps users turn herbal knowledge into real habits.

Personalized recommendations based on user goals, behavior, and seasonal context.

A soft, nature-inspired visual system built around greens, natural imagery, and clean mobile layouts.

A scalable UI kit for future app growth.

This case study covers the UX/UI design of Harmony Habits, including the onboarding flow, user flow, home screen, plant exploration, plant details, apothecary recipes, calendar, personalized recommendations, task creation, visual identity, and UI kit.

The app was designed as a mobile-first wellness product for users who want to build a more mindful, nature-connected daily routine through herbs and plants.

Harmony Habits turns herbal wellness into a simple, personal, and calming mobile experience.

The app helps users discover herbs, understand their benefits, create daily rituals, save favorite plants and recipes, and receive seasonal recommendations that support their wellness journey.

The final design combines soft visual aesthetics with clear functionality, helping users build lasting herbal habits in a way that feels natural and easy.