Role: UX/UI Designer
Tools: Adobe XD, Illustrator
Timeline: 4 weeks (2 ideation, 2 build) | College Project (New Tech Course)
Overview
Brease is a connected health app designed to help people living with asthma and COPD better manage their condition. The app syncs with a smart inhaler sensor and smartwatch to track symptoms, medications, and environmental triggers. Inspired by my family’s experience with respiratory illness, Brease focuses on early detection, accessible data visualization, and user-centered care.
Goals
- Empower users to track respiratory trends and prevent attacks
- Make medication logging simple, clear, and consistent
- Alert users to environmental triggers like poor air quality
- Design wearable notifications that guide users through self-care
- Use emerging tech (sensors, smartwatches) to support proactive health management
My Role
I designed the Brease ecosystem from end to end:
- Brand identity, logo, and icon design
- Wireframes for both mobile and wearable interfaces
- Interactive prototypes of key user flows
- Dashboard and data visualization design
- Copywriting for notifications, alerts, and guidance
App Interface – Key Features
1️⃣ Track Your Health Trends
A personalized dashboard with graphs and insights based on inhaler data and symptom tracking.
- Users can view trends by week, month, or year
- Graphs visualize and medication usage
- Easy export of data to share with healthcare professionals
- Prototype demo shows dashboard + drill-down into trends view
2️⃣ Manage Your Medications
A clear system for logging medication usage and building healthy habits.
- View current medications on file
- Tap to log a medication (customized for type + dose)
- Prototype shows log interaction from homepage → medication screen → confirmation
- Future ideas: better edit/add flow, tracking compliance trends, customizable reminders
3️⃣ Get Real-Time Allergen Alerts
The homepage includes smart notifications about air quality based on user sensitivity.
- Example: “Brease has identified AQIs over 101 to be a trigger for your COPD. Today's AQI is high, so we recommend you stay indoors.”
- Personalized, proactive alerts tied to location + health history
Smartwatch Interface – Key Features
1️⃣ Prevent Attacks Before They Start
Brease Watch detects early signs of respiratory stress and helps users take action quickly.
- Notification alerts user to early symptoms
- Options to "Call SOS" or tap "Next Steps"
- Step-by-step flow walks the user through using their inhaler and staying inside
- Final screen shows user’s breathing has improved
2️⃣ Medication Reminders
Lightweight daily reminders that integrate into the user’s routine.
- Taps and notifications prompt user to take meds
- Option to “Log” or “Dismiss”
- Reinforces healthy behavior through daily habit-building
Wireframes
Low-fidelity wireframes show the structure of key screens in the phone app, including:
- Homepage dashboard layout
- Medication tracking structure
- Notifications and pop-up flows
These helped establish information hierarchy before building interactive prototypes.
What I Learned
- How to design an interconnected system across multiple devices (phone + watch)
- Grew my skills in dashboard UI and data storytelling
- Learned to think about proactive, not reactive, health alerts
- Strengthened my motion design thinking via smart notifications and micro-interactions
- Practiced designing for wearable-specific constraints (limited screen space, tap targets, urgent actions)
What I’d Improve
Given more time, I’d explore:
- Allowing users to add/remove/edit medications directly
- More control over notification timing + types
- A way to view logged medication history + compliance trends
- Optional voice prompts or vibration feedback for emergency flows on the watch
Personal Note
This project was personally meaningful, inspired by my Nana’s experience with COPD and my own asthma. It reminded me that good design isn’t just about visual polish — it’s about making life easier, safer, and more manageable for people dealing with real challenges.