# Kick Learning case study — Lines & Frames

> We rebuilt Kick Learning from the ground up — design system, marketing site, and a learning console used by 50K+ students per week.

Source: https://lines-and-frames.vercel.app/work/kick-learning

Case study · Kick Learning · 2024

# A modern e-learning platform for the next generation.

We rebuilt Kick Learning from the ground up — design system, marketing site, and a learning console used by 50K+ students per week.

Client

Kick Learning

Year

2024

Our role

Product design, Brand, Web build

Tags

EdTech, SaaS, Web, Product

The brief

Kick Learning came to us with a fragmented experience — three subdomains, two design languages, and a brand that read more like an internal tool than a consumer product. The brief: a unified system shipped in 14 weeks.

01

## Research & audit

A two-week diagnostic across product analytics, support tickets, and 18 user interviews surfaced the same pattern in three disguises: students could not predict what would happen on click. We rebuilt the IA around that insight.

02

## Design system

OKLCH tokens, two surface modes, four typography roles, eight states per primitive. The whole library lives in Storybook and ships to product through a published npm package.

03

## Final product

A console that gets out of the student's way. Modules, lessons, and assessments compose from the same primitives, so engineering builds new surfaces without designer intervention.

- +62% lesson completion week 1
- −41% time-to-first-lesson
- 4.7 app-store rating across iOS / Android
- 50k weekly active students at launch ← All work Next case Parti.com →

---
© Lines & Frames — https://lines-and-frames.vercel.app