02 · Product Design & Development
BokamosoEd
A career discovery platform for South African school learners, designed to turn an overwhelming decision into a few friendly questions.
- Client
- BokamosoEd
- Industry
- Education Technology
- Role
- Product Design & Frontend Development
- Timeline
- 2-3 weeks
- Tools
- Figma, React, Tailwind CSS
What wasn't working
South African learners choose subjects and study paths with very little guidance. Existing career sites are dense government-style directories: long forms, unfamiliar language, and no sense of what a career actually looks like day to day.
What had to change
Build a warm, encouraging platform where a learner can answer a handful of questions in under three minutes and walk away with real, locally relevant study paths.
The decisions that shaped the interface.
- 01
Replaced the long questionnaire with five large, friendly question cards and plain everyday language.
- 02
Built a warm orange brand system on soft cream surfaces, deliberately unlike the cold institutional look of existing portals.
- 03
Mapped every result to real South African options: universities, universities of technology, TVET colleges, apprenticeships and learnerships.
- 04
Designed a separate entry point for parents and teachers so learners keep a space of their own.
React and Tailwind CSS with a typed content layer for careers, subjects and bursaries, so new career families can be added without touching interface code. Everything is mobile-first; most learners arrive on a phone, often on limited data.
- React
- Tailwind CSS
- Figma
- Design System
A career discovery experience that never tells a learner what to become. It asks a few honest questions, then shows possibilities worth exploring, with the study paths and bursaries attached to each one.
- 73+
- Careers to explore
- 16
- Career families
- 19+
- SA universities & colleges
- <3 min
- To a first result
Tone is a product feature. The same information framed as encouragement rather than assessment changed how long learners were willing to stay.
