101Routine




2022

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

101Routine is a vertical-format video content series focused on habit-building. It marked CLASS101’s first attempt at mobile-optimized vertical UX. The goal was to visually simplify routines for busy users looking to form healthy daily habits.

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