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
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.
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.
Interested in working together?
Whether you need design support, product strategy, or UX feedback — I'd love to collaborate on your project.
