SayBloom: product UI and UX design in Figma by Sam MSayBloom: product UI and UX design in Figma by Sam M

SayBloom: product UI and UX design in Figma

Sam M

Sam M

Client: SayBloom, language learning software / Role: Product, UI and UX design / Scope: Product designed from the ground up in Figma

The problem

Language learners drop off when software is cluttered or takes too many clicks. SayBloom needed a product that kept people learning and out of the menus.

What we delivered

Navigation shaped by research into learner behavior, with fewer clicks and minimal distraction, and an icon and component language that suits beginners and tech-savvy learners alike.
5 key features: a minimalist interface, progress tracking, gamified learning (badges, points, leaderboards), personalized learning paths and cross-device syncing. Quizzes, lessons and visual aids are designed as interactive elements.
5 design principles: user-centric, fewer clicks, easy UX, interactive learning and responsive. The experience stays consistent across mobile, tablet and desktop.
The 9 product screens are below.

Screen UI

SayBloom product UI
SayBloom product UI
SayBloom design
SayBloom design
SayBloom design
SayBloom design
SayBloom design
SayBloom design
SayBloom design
SayBloom design
SayBloom design
SayBloom design
SayBloom design
SayBloom design
SayBloom design
SayBloom design
SayBloom design
SayBloom design
Like this project

Posted Oct 11, 2024

Designed SayBloom, a language learning software from the ground up, focusing on a user-centric approach with fewer clicks and an easy-to-use UX.

Likes

0

Views

44

Clients

Beulr