UI/UX Design

Clean Break

A mobile app that helps users quit smoking by tracking progress, visualising health recovery, and celebrating every smoke-free milestone.

Clean Break mobile app mockup

My Role

I was responsible for end-to-end design : user research, prototyping, visual interface, and UX testing.

Clean Break app — AI chatbot flow screens
Clean Break — research analysis screens
Research findings table
Research data summary

Product Designer

Designed a quit tracker, gamification, and money/health visualizations.

Key feature – Ai-powered quick-help assistant: when a user feels urge to smoke, it suggests personalised actions (breathing, water, distraction) based on context and user history.

User Research

Conducted in-depth interviews with 5 smokers across different stages of quitting. Mapped their triggers, habits, and past failed attemps. Built empathy maps and user journey flows to define pain points. Based on these insights, designed the core scenarios for the AI assistant. The app is currently in development – launch planned at the end of 2026.

Clean Break

Quitting feels overwhelming

Most smokers relapse within the first 7 days due to stress and habits. Clean Break offers a calm, supportive space to track progress, build new routines, and stay motivated – without pressure or judgment.

Platform

Mobile App iOS

Work Done

UX Research, Prototyping, Visual Design.

Timeframe

1,5 month

Overview

Designed a clean, pixel-perfect interface with an emerald green palette – symbolizing health and renewal. Every element is precise: balanced grids, clear typography, smooth micro-animations. The result is a premium, trustworthy look that users described as “calm and motivating.”

Clean Break — design screens overview
Clean Break — interface detail

Process

Research

Research 1
Synthesis
Outcomes

Research 1

Conducted a competitive analysis of 4 existing smoking cessation apps and created a mind map of desired features. Identified key user pain points: dark interfaces, lack of navigation, excessive text, harsh colors. Also identified the main market opportunity — an AI chat with deep context, which competitors lack.

Synthesis

User interview showed that the core need is not more data, but timely emotional support. The product is built around an AI assistant that delivers personalized help during cravings. The interface uses calming green tones with focus on simplicity and trust.

Outcomes

Three key findings: simple registration, instant craving support, and retention after day 30. Solutions: minimal onboarding, SOS widget on the home screen, health milestones, and community.

Process

Research

User Flow

Clean Break — user flow diagram

The user journey follows a clear 4-step path: goal setting (onboarding), self-monitoring (health&progress tracking), gamified engagement (daily/weekly challenges with analytics), and instant crisis support (AI-chat). The entire flow is designed to minimise friction, sustain motivation through micro-achievements, and provide real-time coping tools during cravings—all while maintaining full privacy transparency.

Process

Research

User Persona

Two key user segments - a lawyer and a restaurateur - share needs for structure, measurable progress tracking, and rapid support. The main pain points (fear of relapse, time scarcity, privacy demands, and the need for instant help in critical moments) became the foundation for designing key UX scenarios: simplified onboarding, quick trackers, and an embedded AI assistant.

User persona — Kateryna Omelchenko, lawyer
User persona — Pasha Agustin, restaurateur

My Role

Product Design

Clean Break — home screen
Clean Break — health screen
Clean Break — AI chatbot
Clean Break — breathing exercise
Clean Break — splash screen
Clean Break — onboarding screen
Clean Break — profile screen
Clean Break — content screen

Wireframes

Clean Break — full wireframe map

Process

Design System

Clean Break — typography style guide
Clean Break — color palette
Clean Break — loading spinner spec
Clean Break — notification components

Before & After

Final Design

Quit Smoking - cluttered homepage

Competitor app — home screen with highlighted banner
Competitor app — goals and stats grid
Competitor app — paywalled breathing exercises

Competitor Benchmark

Poor navigation, cluttered main screen and paywalled core features create a high entry barrier and reduce user retention.

CleanBreak - clean IA&AI coach

Clean Break — home screen with smoke-free timer
Clean Break — AI splash screen
Clean Break — AI quit-coach chat

My Final Design

Based on a competitor analysis, I identified key UX barriers. In my solution, I restructured the information architecture, simplified the navigation flow, and integrated an AI coach that support users during acute cravings with breathing exercises and distraction strategies. A soft aqua color palette and clear visual hierarchy reduce anxiety and turn the difficult process of quitting into a mindful and comfortable journey.

Final Design

Final Concept

A focus on data visualization and 2D illustrations in a soft palette helping users track progress, reduce anxiety, and receive emotional support throughout their quitting journey.

Clean Break — home screen with smoke-free timer
Clean Break — hourly progress and risk reduction
Clean Break — Quit Crew community
Clean Break — Every Step Counts progress
Clean Break — cravings tracker
Clean Break — community post from real quitters
Clean Break — Digital Quit Coach

Design

Clean Break — information architecture map

Prototype

Clean Break — interactive prototype flow

Thank you

Thank You

Clean Break — quit-date onboarding on iPhone
Portfolio