BACK VISIT SITE

Breathment

Breathment advances digital therapies for people with chronic respiratory conditions using AI-supported health solutions. I joined as UI/UX Designer and worked across the full product, from the patient-facing app to internal admin tools and communication systems.

Role UI/UX Designer
Period Jan — Jul 2025
Type Part-Time
Status Delivered
Product Design Web Design App Design Prototyping AI Character Design Animation Blender Figma ProtoPie

Design Work

01 Project Title — Diary for App

Older users need a simple way to monitor health measurements, understand changes over time, and maintain a consistent tracking routine. Traditional health dashboards can be difficult to navigate because of complex medical data, dense interfaces, and too many options.

The experience was designed around simplicity, accessibility, and clear data visualization. Users can select the health metrics most relevant to them, quickly enter new measurements, view their progress through easy-to-read charts, complete periodic health checks, and configure personalized reminders.

The interface reduces cognitive load through progressive disclosure, consistent navigation, focused actions, and customizable content, making everyday health monitoring more approachable for older adults.

Information Architecture Wireframes Prototyping
View Prototype
Breathment diary screen Breathment peak flow screen Breathment measurements screen

Visual Work

01 Custom Illustrations
Figma + Adobe Illustrator

A series of custom illustrations developed with a consistent visual language tailored to the Breathment app. Each scene is designed to make complex respiratory health topics more approachable and human.

The full set covers 24 educational topics, from asthma basics to inhaler techniques and daily management.

Illustration Figma Visual Design Brand Identity
Breathment custom health education illustrations
Breathment health illustrations, first set Breathment health illustrations, second set
02 Character Design
Adobe Illustrator + Figma

Designed a character for the Breathment app that is closely aligned with the overall content concept. The character serves as a visual and interactive element to strengthen user engagement, developed with expressive features and a coherent design language across illustrations, UI components, and communication materials.

Character Design Adobe Illustrator Brand Identity
Main Breathment character design Breathment character variations

Character Animation

01 Character Animation
Adobe After Effects Adobe Illustrator

The designed character was brought to life through expressive facial movements, gestures, and dynamic interactions. The animation focused on fluidity, consistency, and responsiveness, so the character could support both the visual identity of the app and the overall user experience.

Adobe After Effects Adobe Illustrator Character Animation Motion Design
Animated Breathment character