App for metabolic program based on your tracker
Unlock your metabolic potential with AI-driven insights tailored to your tracker data. Get personalized plans for nutrition — designed just for your body's needs.
Healthcare · Market: USA
Regulate Metabolic Health Tracker
Healthcare · USA
Optimizing user experience through design system implementation and flow refinement for a personalized metabolic health platform powered by continuous glucose monitoring (CGM).
Skills: Product Design, Design System, UX Optimization, Mobile App
The Challenge
Regulate had a functional product but faced critical design challenges:
- Inconsistent design language across sections
- Complex user flows with too many steps
- No structured design system
- Single theme mode without accessibility options
My Role
- Comprehensive UX audit and friction point identification
- Scalable design token system
- Comprehensive design system with reusable components
- Light and dark theme modes
- Key flow optimization
Event Logging Optimization
Reduced event logging from 8 clicks to 3 clicks — a 62% reduction in interaction cost through streamlined modal interface with contextual event type selection and auto-populated timestamps.
Key Features
- Real-Time Glucose Monitoring — Large display, interactive curve (3/6/12/24-hour views), personalized insights
- Comprehensive Reporting — Time in Range, average glucose trends, spike analysis, variability metrics
- Educational Library — Curated metabolic health content with reading times
Impact
| UX Improvement | Result |
|---|---|
| Clicks to complete actions | 62% reduction |
| Daily event logging | 28% increase |
| Tracker connection ease | 45% improvement |
| Report view engagement | 18% improvement |
| Development Efficiency | Result |
|---|---|
| Feature implementation | 35% faster |
| Handoff questions | 67% reduction |
| Visual regression issues | Zero |
| New component variants | 90% faster |
Key Learnings
Foundation before features pays exponential dividends. Data complexity requires simplicity through progressive disclosure. Dark mode as standard improves accessibility and color systems.