◆ Language learning is mentally taxing and prone to high churn. Airlearn uses this feature as a retention lever to remind users of their accumulated "sunk cost" (streaks, hours) so they don’t quit.
◆ Fluency is hard to measure daily. The UI translates "boring" backend stats into vibrant, "snackable" milestones (for example, "Top 1% of learners") to provide a tangible sense of achievement.
◆ To reduce customer acquisition costs, the UX is intentionally designed for social sharing. By turning users into brand ambassadors via shareable "learner style" cards, Airlearn drives organic new-user spikes every December.
◆ A major design challenge is creating a universally understandable experience that works across 25+ UI languages and diverse screen sizes without losing the playful brand tone.
Implementing a Design that worked on Rive
Implementing a Design that worked on Rive
Rive is an up and coming software that reduced the friction between developers and designers by allowing designers to create interactive animated components without the involvement of a developer. Think of it as the designer creating the vessel and the developer focusing on the utility of the vessel. The vessel can hold anything, water, milk or in our context, data. We as designers can also set parameters to this vessel within Rive which, once shipped, can be accessed and manipulated by the developer.
I created the design flow on Figma and shipped it to Rive where I weaved the entire animated experience. Once this was created, I closely worked with the developers to make sure the rive design file was able to handle the data. Cleaning bugs and testing it out multiple times made sure there was no room for error once this was finally taken live.
UI Design Highlights & Gamified Strategies
UI Design Highlights & Gamified Strategies
◆ The review uses Airlearn's signature vibrant color palette and playful illustrations to maintain a cohesive brand identity.
◆ Complex metrics like total XP, minutes spent, and words learned are simplified into colourful graphs and fun facts, making progress tangible and rewarding.
◆ Each screen is designed as a standalone card with a single action button for social sharing, encouraging organic promotion and virality.
◆ The flow is structured as a 11-page journey that encapsulates individual effort, using personal stats to tell a story of growth rather than just listing numbers.
◆ By categorizing users (e.g., "Curious Polyglot" or "World Champion"), the app applies psychological labeling to foster a sense of identity and community comparison.
Rewind proved that the most impactful design decisions weren't visual — they were structural. Turning raw learning data into a shareable personal narrative required rethinking what a recap feature could be. The 30% adoption rate and 5% DAU lift were the outcome of solving the right problem, not just making it look good.
