Cylo
Cycle and wellness tracking, made simple.
-
Role:
-
UX/UI Design
Product Strategy
Design System
-
Category:
-
Health & Wellness App
-
Timeline:
-
5 to 7 weeks
-
Tools Used:
-
Figma
Prototyping
Role: UX/UI Design, Product Strategy, Design System
Category: Health & Wellness App
Timeline: Case Study
Tools Used: Figma, Prototyping
Project Overview
Cylo brings cycle tracking, symptom logging, reminders, and wellness insights into one calm app.
Key Features
- Cycle, mood, and symptom tracking
- Hydration and medication reminders
- Personalized insights and wellness content
- Customizable light and dark dashboards
Problem Statement
Cycle and wellness tracking is often scattered across apps, making daily logging harder to maintain.
Challenge
Unify cycle and habit tracking in an experience that feels simple, supportive, and easy to use every day.
Design Process
Research
Reviewed leading cycle tracking apps to identify gaps in habit tracking, personalization, and usability.
Finding: Users need flexible tracking without a cluttered interface.
Define & Ideate
Plan a modular dashboard with quick logging, clear cycle visuals, and contextual reminders.
User Flow
Connect onboarding, daily tracking, reminders, and insights in a clear flow.
Design & Prototype
A soft palette, clear type, rounded components, and light and dark themes create a calm, accessible interface.
Key Screens
Testing
Feedback favored quick logging and visual cues, so I simplified input steps and clarified navigation.
Reflection
A modular dashboard and timely reminders make tracking more flexible. Future work could add deeper insights and personalization.
Cylo Web Platform
The web platform brings Cylo’s cycle and wellness insights to a larger screen, with clear dashboards and easy navigation.
Final Result
Cylo combines cycle tracking, daily habits, and personalized insights in one calm experience.