Case study

Snackable MVP

A platform for creating and managing snackable content.

Company
Decode
Timeline
2023
Role
Product Designer (UX, UI, Product Exploration)
Delivery
Figma prototype (no dev)
Scope
Onboarding, course management, markup editor, learner flow

01

Overview

I was hired to design the MVP of Snackable, a platform that helps creators build and publish bite-sized courses designed to be completed quickly. The goal: reduce overwhelm, increase completion rates and help learners build momentum through small, repeatable wins.

I led all UX and UI design, defining the product structure and creating a full prototype covering creator tools and learner flows.

Screens showing the onboarding process.

02

Problem

Traditional courses are long, dense and hard to finish. Creators struggle with heavy LMS tools, and learners often abandon content early.

Snackable needed:

  • a lightweight way for creators to build micro-courses, and
  • a simple, focused learner experience that encouraged completion.
Home screen
Create a new snackable
Split snackable editor
Code editor
Quiz editor example
Published snackable

Screens showing the course creation process.

03

Approach

1. Define the model

The product is built around short “nuggets” of content that can be completed in minutes, and chained together to form small courses.

2. Design creator workflows

I explored flows for:

  • creating courses
  • adding and reordering nuggets
  • writing content using a markup-based editor
  • inserting sections and quizzes
  • previewing the learner view

The markup editor kept creation fast, structured and portable. Users can use the Snackable editor or bring in courses created from their favourite markdown tool such as Obsidian.

3. Map the learner experience

I designed a minimal, focused reading and quiz flow with clear progress indicators and momentum cues to encourage quick wins.

4. Prototype the full MVP

A clickable Figma prototype covered onboarding, dashboards, nugget creation and the full learner journey. This allowed the founder to validate the concept and prioritise build phases.

Preview screen
Preview with menu open
End screen

Screens showing the creator preview flows.

04

Outcomes

  • Full MVP UX/UI delivered for validation and pitching
  • Clear product structure and content model established
  • Lightweight flows for both creators and learners
  • A scalable foundation for future development

More work

Other selected projects.

01Print Evolved

Internal production platform · 2024 to 2026

Redesigning and rebuilding internal production tools so operators complete workflows in one place.

02Podcast App

Own product · Design + React Native · 2023

Designed listening, discovery and community flows, then built the front end in React Native.

03Mity V2

Personal project · Design + full stack · 2022–2023

Explored decentralised community product design with creator economics built into the core experience.

Something in your product bothering you?

Maybe you know exactly what needs fixing. Maybe you just have a feeling something could work better.

Tell me a little about it and we can work out whether I'm the right person to help.

A short conversation. No lengthy pitch or commitment.