UI DesignWellbeing ProductDesign System

Peria

Smart wellbeing app for women

A UI-focused design project exploring how a gentle, system-driven interface can support women in understanding their cycle, wellbeing, and daily self-care.

Overview

Introduction

A conceptual mobile product exploring how structured interface design and emotionally aware visuals can support everyday wellbeing and long-term user engagement in a sensitive health context.

Methods

Interface system design
Flow structuring and interaction mapping
Component-based design
Visual language exploration
Pattern consistency across large-scale screens
Rapid prototyping

Summary

Team2 Product Designers

RoleProduct Designer

Duration5 Weeks

MentorEhsan Ezzati

Context

Designing calm, clarity, and trust

Peria was designed as a conceptual wellbeing app focused on menstrual tracking, self-care, and emotional support. The intent was to explore how UI, tone, and visual systems can reduce anxiety, build trust, and support daily use in a sensitive health context.

Project scope

UI & system-level design focus

This project did not include full user research or validation. My role focused on defining the interface language, visual hierarchy, and scalable UI system across key product areas, based on assumed requirements and common patterns in wellbeing products.

Key product surfaces

Designing consistency across complex flows 🌊

The interface was designed across multiple product areas, ensuring consistency in structure, interaction patterns, and emotional tone, even as the product complexity increased.

Designing for scale

A reusable, system-driven UI foundation 🧩

To support scalability, I created a UI system covering navigation patterns, input types, feedback states, and content components. This system allowed the interface to remain consistent across over 300 screens while supporting different user needs and contexts.

🎨

Visual tone

Soft and supportive
Warm, calming color gradients
Rounded shapes for approachability
A gentle, low-stress visual feel

📐

Visual consistency

A clear visual system
Simple, readable typography scale
Light, neutral backgrounds
Subtle character illustrations

Information Structure

Structure before polish

Although the project focused on UI, special attention was given to structuring complex flows—such as onboarding, symptom tracking, partner sharing, and AI interaction—into predictable and repeatable patterns.

Core Flows

Thoughtful interactions for daily use

Explore the key flows designed to support users through their daily wellbeing journey, from onboarding to daily tracking.

Clear and flexible entry. Designed to support both new and returning users with minimal friction, ensuring consistent patterns across password entry and verification.

Knowledge and guidance

Health content and self-care resources 🧘‍♀️

A content flow offering articles, meditation, skincare guidance, and cycle-appropriate exercises to support daily wellbeing.

Growth & Learning

Designing Peria revealed that large interfaces are not defined by the number of screens, but by the strength of their structure. When a product supports daily wellbeing, clarity and emotional comfort become just as important as functionality. This project wasn't only about creating UI, it was about shaping a system that people can rely on over time. Because when design feels calm, consistent, and predictable, it becomes part of everyday life rather than just another tool.

Available for new projects

Interested in working together?

Whether you're building a product, improving an existing experience, or looking for thoughtful UX feedback I'd love to collaborate.

See my case studies

Explore more work

RetentionBehavioral Design