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



HomeTranslatorTranslated textNotesLog back in

Screens


Mobile Desktop



Mobile




Desktop