◂ CONTENTS SKILL · UX AND UI FOUND IN 4 OF 4 PROJECTS

SKILL 9 OF 9 · UX AND UI

Prototyping

Making a rough version early and putting it in front of the people who will use it. Prompts, cards, Figma or a working tool.

WHERE IT SHOWS UP · PICK A PROJECT

ALSO IN OTHER WORK ·Beeline Unplugged ▸
FOUR PROJECTS, FOUR MATERIALS

What each prototype was made of

PROJECT 02 · PROMPTSPrompt databasesAnchor answers?ANCHOR ANSWERAn example answer for each rubric band, given to the scorer so it can see what each level looks like. per activity, run against a test set.
PROJECT 01 · CARDSAn offline toolkitThe Discovery Game and quiz, tested in schools, colleges and youth settings.
PROJECT 03 · FIGMADashboard mocksThree rounds, from a teacher survey and usage data.
PROJECT 04 · A WORKING TOOLCO/LABSurvey, technical simulation and financial estimation, built and pitched.
PROJECT 03 · JUMP MATH LABFROM P. 15–18

Three rounds in Figma

Each round answered one question: can a teacher read this and know what to do next lesson?

ROUND 1CountsRaw counts of activity.
ROUND 2ProgressProgress through the work.
ROUND 3 ✓DecisionsDecisions a teacher can act on in class.
A JUMP Math lesson screen with a worked multiplication and a locked Practice button.
SHIPPED · TEACHING STEPPractice stays locked until the method is worked through.
A JUMP Math practice question with the chosen answer highlighted and a Correct banner.
SHIPPED · PRACTICE STEPFeedback lands on the answer itself.
ROUGH WORK · SKETCHED FIRST · 1 SKETCH ▾
OPEN PROJECT 03 ▸
PROJECT 04 · THE ARTIFICIAL LEAFFROM P. 19–21

Dark horse, funky, then one system

In the second diamond: critical experience prototypes, then dark horse and funky prototypes, then one merged functional system. In the third, CO/LAB was built and tested against a real case.

  1. 01Critical experience prototypesDiamond 2.
  2. 02Dark horse and funky prototypesDiamond 2.
  3. 03One functional systemFebruary 2022.
  4. 04CO/LABBuilt, tested against a real case, pitched at the SUGAR Expo.
ROUGH WORK · SKETCHED FIRST · 1 SKETCH ▾
OPEN PROJECT 04 ▸
PROJECT 01 · BEELINEFROM P. 3–8

A deck of cards before a screen

Beeline Unplugged?BEELINE UNPLUGGEDThe offline card toolkit version of Beeline, for groups with low digital access or additional needs. runs the discovery logic without a screen. It was field tested in six settings between February and May 2026, from crowds and noise to a room with employers in it.

OPEN BEELINE UNPLUGGED ▸
PROJECT 02 · LEARNING METERFROM P. 9–14

Prompts as prototypes

Prompt databases and anchor answers for every activity, piloted in 10 representative franchise schools before launch.

OPEN PROJECT 02 ▸
TOOLS
FigmaHTML and CSSClaudeBlocklyExcalidraw
RELATED SKILLS
WORK WITH MEUX and UI for web and mobileFlows, Figma prototypes, final screens and handoff
ASK ME FOR A DAY RATE ▸