case study · 2024

QuizMate

An AI study companion that turns a photograph, a lecture or a stack of notes into an answer you actually understand.

role

product design

platform

ios · android

scope

app · brand

year

2024

QuizMate splash, social proof and flashcard-generation screens on three handsets

the brief

01the problem

A stuck student at 1am is four apps deep — camera, search, notes, flashcards — and none of them talk to each other.

→

02the solution

One loop: capture the question, get the worked answer, and keep it as notes, flashcards and quizzes that feed revision.

→

03my role

Product DesignUX ResearchUser FlowsUI DesignBrandPrototyping

A hand holding an iPhone, framing a printed paragraph inside QuizMate's scanner

introduction

from confusionto clarity

An AI-driven learning ecosystem that turns questions, files and lectures into instant answers, notes, flashcards and quizzes — in one mobile experience.

studying is not hard.it is scattered.

four apps deep

A photo app, a search engine, a note app and a flashcard app — none of them talking to each other.

answers without reasons

Search returns a number. Students need the working that got there.

lectures lost

An hour of audio that nobody ever plays back, and nothing written down.

revision with no shape

No structure, no recall loop, and no idea what to study next.

A student writing a differential equation on a lecture whiteboard

process

four passes, oneworking product

Discovery with students first, then structure, then surface. Every pass ended with the same question: does this get a stuck student unstuck faster than what they already do?

discovery

Interviews with undergraduates about how a homework question actually gets solved at 1am.

flows & ia

Mapping capture, answer, save and revise into one loop instead of four separate tools.

interface

A dark, low-glare system built for late nights, with one electric accent to lead the eye.

test & refine

Prototype runs on real coursework, tuning scan guidance until misreads all but disappeared.

onboarding

know the student first

Four screens carry the promise and collect just enough — challenge, education level, learning goal — for the first answer to already feel personal.

Four QuizMate onboarding screens: splash, promise, camera explainer and upload

QuizMate scan guidance: centre the question, and a list of visuals to avoid

QuizMate generating an answer, with the brain mascot mid-thought

snap & solve

point the camera.get the working.

The fastest path from a printed question to an explanation. Guidance sits inside the viewfinder, so accuracy is designed in rather than corrected afterwards.

guided framing

Brackets, a live hint line and a short list of what not to shoot.

worked answers

Every result opens with the reasoning, not just the value.

lecture learn

an hour of audio,one page of notes

Record the lecture or paste a link. QuizMate transcribes it, structures it into headings and key points, then offers the same material back as flashcards or a practice quiz.