101Mate




2021

Category: Brand Design
Role: UX Branding, Visual Direction
Tools: Figma, Notion, Photoshop, Illustrator

101Mate is a long-form video series featuring interviews with CLASS101 users. Rather than standard reviews, it visualizes genuine experiences and emotional connections between the brand and real learners.

We developed worksheet-style UI and modular graphics tailored for quick comprehension and engagement. Visuals supported sequential task flow, using subtle tones and intuitive icons.



Brand Target
  • Busy professionals and students with limited time
  • Beginners interested in forming sustainable routines



Visual Motif
  • Vertical layout with worksheet-style modules
  • Routine-specific icons and muted color palette
  • Mobile-first interface with optimized legibility




Design Points
  • Visual clarity to support retention and completion
  • Easily expandable design system for future challenges



Process
  • Defined UX flow and routine structure
  • Designed UI elements using JSON / Lottie
  • Collaborated with developers to implement across platform





Result
  • +85% completion rate, 60% user return rate
  • Recognized as a successful mobile UX case
  • Inspired expansion into wellness and self-care content



Watch video ->