Emotional design: why Duolingo, Phantom and Revolut feel alive
Source: https://www.youtube.com/watch?v=Du2lkZ_cux8 (talk on emotional design for products). The timestamped summary below was supplied by Kamal; it was not re-checked against the video’s own transcript. Claims about growth numbers are the speaker’s.
The argument
- [00:07] Emotional design is building software that feels alive, engaging, personal and responsive.
- [00:23] APIs, no-code and AI make features cheap, so being useful is no longer an edge. [00:37] The edge is how the product feels: smooth, delightful, premium, or ordinary.
- [01:17] Reed Hastings: the lasting advantage is an experience so compelling that people talk about it.
Duolingo (delight and feedback loops) [02:02-04:56]
- 2022: one character animation framework with facial expressions, lip-sync to voice audio and continuous idle animation. Daily users grew 14.2M to 34M+ in two years; paid subscriptions more than doubled [02:41].
- Micro-animations are emotional feedback loops (Don Norman, Emotional Design): right and wrong answers trigger instant encouraging or corrective reactions [03:41].
- Lessons: micro-interactions on repeated actions (bounce, sparkle, glow) [04:05]; celebrate small wins with clear success states [04:25]; expressive mascots, because feelings are contagious [04:39]; animate streaks, levels and milestones to build momentum [04:56].
Phantom wallet (polish overcomes hesitation) [05:42-08:39]
- 2023 rebrand with playful setup animations and an animated ghost mascot; reached #2 in US App Store Utilities.
- Lessons: polish signals trust; warm cues defuse intimidating topics; design for the general audience; touch should give smooth, immediate feedback.
Revolut (premium through motion) [09:09-11:27]
- Onboarding uses rich visuals and seamless transitions instead of plain forms; charts glow under the finger; the card is an interactive, light-catching 3D object.
- Lessons: nail onboarding; subtle delight (hover, fades, interactive parts); make static displays tactile.
What we take for Urdu Qaida (children, so engagement without pressure)
| Idea from the talk | In the app |
|—|—|
| Expressive animated mascot, lip-sync, idle | Lottie Marko (8 states), talks while audio plays (v0.9.0) |
| Instant reaction to right and wrong | Round 9: Marko coach cheers or thinks on every answer; wrong is gentle |
| Micro-interactions on repeated actions | Round 9: press spring, sparkle, tick and haptic on every tap |
| Celebrate small wins | Full-screen celebrations, pearl burst (v0.9.0); combo chip “3 in a row” (round 9) |
| Progress animation | Pearl necklace (v0.9.0); animated progress bar, count-ups, daily-goal ring, unit-unlock moment (round 9) |
| Polish signals trust | Smooth 220 ms transitions, one docked primary button, 0-violation UI audit |
| Onboarding sets quality | 17-screen first run that beat Finch blind (v0.9.0) |
Do not copy (children’s app): loss-aversion streak pressure, guilt copy, fake urgency (“offer expires”), ads, purchase nudges, harsh wrong-answer buzzers. A missed day or a zero streak is never shamed.