Microlearning Studio

Designing tools and interaction patterns for short-form, interactive learning.

2025Product DesignUdemy
image

Microlearning was about turning learning content into shorter, more interactive experiences. The work covered both the instructor-facing creation flow and the learner-facing interaction patterns: compact lessons, mobile-friendly widgets, review states, previews and interactive learning components.

Shipped
  • UI/UX design in Figma
  • Instructor tooling
  • Learner interaction design
  • Mobile learning patterns
  • Interactive widgets
  • AI-assisted creation flows
  • Design system thinking
  • Prototyping
  • Agentic design workflows
The problem

Traditional course content can become too long, passive and heavy, especially on mobile. Instructors also needed a way to create interactive moments without designing everything from scratch.

How I solved it

I designed flows for generating, editing, previewing and approving microlearning interactions. The work focused on making AI-assisted creation feel understandable for instructors while keeping the learner experience compact, visual and interactive — product flows, interaction patterns and reusable UI components.

image
Interactive widget
image
Review state
image
Mobile lesson
image
Instructor creation flow
Behind the work
Prototype

Every widget prototyped in code first — interaction timing can't be judged in stills.

AI

AI-assisted creation kept understandable for instructors, not a black box.

He's responsive, kind, and has impeccable taste.
Ava Plasse

Ava Plasse

Udemy

Next project

Musho

An early AI-powered Figma plugin for generating responsive website designs.