Catchy — Case Study

UX/UI Design, Graphic Design, Branding

Catchy is a language learning app that helps you translate, take notes, and study, all in one place. It offers four easy ways to translate, including text, voice, and camera. Catchy makes it simple to stay organized and track your progress as you learn.

Click to navigate:
UX Case Study UI Design

The Problem

Language learners often struggle to keep their translation tools, study notes, and progress tracking in one place, resulting in a fragmented and inefficient learning experience.

Users are forced to switch between multiple apps such as translators, note-taking tools, and flashcard apps, which leads to fragmented learning, loss of context, and low retention.

Existing tools lack personalized progress insights and seamless workflows for revisiting learned content in a structured way.

User needs & How Catchy tackles them

User Personas

Architecture

UI - Design System

Design System Mobile Desktop

beja

Typography
Different fonts were used depending on language. Both follow Apple UI’s typographic systems.

Colour Palette

The palette combines primary, vivid colors with softer pastel variations and neutral grays, allowing for a wide range of UI components.

The brighter colors provide clear emphasis when needed, while the pastels and neutrals maintain balance and readability throughout the interface.

Buttons
Consistency and clarity were the main focus when designing the button system, including multiple states and text-only variants to accomodate different levels of emphasis.

Wireframes

Home

Translator

Translated text

Notes

Log back in

Screens

Mobile Desktop

Mobile

Desktop

Ainhoa Lasheras

Catchy

Back

Back to Work