All work

An e-learning platform students sign up to in two steps

Sign-up flow, flashcards, AI integration and simulations for IGCSE and O/A-Level students.

Client
OctiLearn
Discipline
EdTech
Service
Product Design
Outcome
3,000+ pre-launch sign-ups · sign-up cut from 8 steps to 2
Cover image — OctiLearn

Overview

OctiLearn is an e-learning platform for IGCSE and O/A-Level students, covering flashcards, AI-assisted study and simulations.

Overview visual 1
Overview visual 2
Overview visual 3
Overview visual 4

Problem

The problem for this project hasn’t been written up yet. Replace this in CASE_STUDIES → detail in src/data/content.ts.

Placeholder — add this section in CASE_STUDIES in content.ts.

Problem visual 1
Problem visual 2
Problem visual 3
Problem visual 4

Solution

Designed the platform end to end — sign-up, flashcards, AI integration and simulations — and rebuilt the registration flow from eight steps down to two.

Solution visual 1
Solution visual 2
Solution visual 3
Solution visual 4

Design Process

A user-centred design process for OctiLearn

The process below is how every engagement runs, OctiLearn included: understand the problem properly, give it a structure, design it, then stay involved while it ships.

01

Research & Discovery

Understanding the users, the workflows and the business goals before a single screen exists.

  • User research
  • Stakeholder interviews
  • Competitive analysis
  • Feature prioritisation
02

Information Architecture

Mapping the journey, finding the friction, and giving the product a structure worth building on.

  • Journey mapping
  • User flows
  • Wireframing
  • Prototype testing
03

Visual & Interaction Design

High-fidelity UI and the design system underneath it, built to survive the product growing.

  • UI design
  • Visual direction
  • Interaction states
  • Usability testing
04

Dev Support & Delivery

Staying involved through build, so what ships is what was designed.

  • Design handoff
  • Feedback loops
  • Launch support
  • Post-launch optimisation

Research

Research for this project hasn’t been written up yet. Replace this in CASE_STUDIES → detail in src/data/content.ts.

Placeholder — add this section in CASE_STUDIES in content.ts.

Research visual 1
Research visual 2
Research visual 3
Research visual 4

UX Design

UX design work for this project hasn’t been written up yet. Replace this in CASE_STUDIES → detail in src/data/content.ts.

Placeholder — add this section in CASE_STUDIES in content.ts.

UX Design visual 1
UX Design visual 2
UX Design visual 3
UX Design visual 4

Results and Outcomes

3,000+ students signed up before launch.

Results and Outcomes visual 1

Client Feedback

Placeholder — add this section in CASE_STUDIES in content.ts.

Working on something like this?

Thirty minutes, no pitch — just what you’re building and whether I can help.

Next case study

Doodh Wala

View