Asociación Española Contra el Cáncer

Helping people quit smoking
through better design

A full UX/UI redesign of AECC's smoking cessation app — grounded in user research, Design Thinking, and a brand-new visual identity built from scratch for digital.

App mockups — desktop & mobile

Respirapp mockups on desktop and mobile

App screens — welcome & features

Respirapp app screens

Role

UX/UI Designer

Client

AECC — Asociación Española Contra el Cáncer

Type

Mobile app · Full redesign + new visual identity

Methodology

Design Thinking · End-to-end

85%
Engagement rate of the offline cessation method integrated into the app
10
User interviews conducted to understand quitting behaviour and pain points
0→1
Full digital visual identity built from scratch for AECC's first mobile product
Live on App Store & Google Play

The app is live.
See it working.

Respirapp is available on both iOS and Android. You can download it, explore every screen, and see the full visual identity — built from scratch for AECC — working in the real world with real users.

Download on the

App Store

Get it on

Google Play

★★★★★ 4.2 App Store rating
3 cigarros hoy 18 días sin fumar 47€ ahorrados Nivel Principiante desbloqueado

Background

An app people were uninstalling — and a method that works.
A method that actually works.

AECC had a smoking cessation app — but it wasn't working. Negative reviews, high uninstallation rates, and low engagement signalled a product that was failing the very people it was designed to help.

The opportunity: integrate AECC's proven face-to-face cessation method — which had an 85% engagement rate — directly into the digital product.

"The offline cessation method had an 85% engagement rate. The app had to earn the same trust."

Respirapp — desktop and mobile mockups
Respirapp — desktop and mobile views showing the progress tracking dashboard

Research

Two user personas. One shared struggle.
One shared struggle.

10 user interviews revealed two distinct profiles with different motivations and frustrations — both needing flexibility in their reduction plan and visibility into their progress across health, savings, and trigger awareness.

User personas — Miriam and Pablo
User personas — Miriam (25–35, lifestyle change motivation) and Pablo (43, health and social motivation)

Process — Information architecture

6 user flows. One coherent system.
1 coherent system.

The IA work mapped 6 core user flows — from onboarding and cigarette tracking through craving moments, social challenges, and community features. Each flow was validated with the client before moving to wireframes.

User flows — 6 key journeys mapped
User flows — 6 journeys from registration through community features
Sitemap — information architecture
Sitemap — Inicio, Juegos, Logros, Perfil, Comunidad

Design challenge — Visual identity

Building a digital identity
where none existed.

AECC had no established visual identity for digital products. Everything was built from scratch — a colour system meeting accessibility standards, a full typography scale, component library, icons, and custom illustrations for the app's mascot and games.

Fonts and colours — Respirapp UI kit
UI Kit — colour system, typography scale (Proxima Nova), and component tokens built from scratch

Final screens

Welcome, Distraction games,
Progress tracking.

The final high-fidelity screens delivered the full cessation journey — from the branded welcome screen with AECC's custom mascot, through distraction tools designed around craving moments, to progress dashboards tracking health milestones, savings, and achievements.

Respirapp final screens — welcome and distractors
Final screens — welcome onboarding and distractor games designed around craving moments

Outcomes

A product that earns the same
trust as the method it's based on.

Fully validated interactive prototype delivered — covering the complete user journey from onboarding through cessation milestones.

Complete UI kit built from scratch — the first coherent digital design system for AECC's product suite.

Adaptive reduction system designed to meet users where they are — replacing the one-size-fits-all approach that was driving uninstalls.

AECC
About the client

Asociación Española Contra el Cáncer

AECC is Spain's leading non-profit organization dedicated to the fight against cancer. It works across research, prevention, information dissemination, and direct support for patients and their families. Its mission is to reduce cancer's impact on society by promoting prevention, driving research, and providing services to those affected.

More case studies

← Back to all work