MyKoledge
A college-prep app that helps high-schoolers write applications — and lets the adults around them see how it's going.
MyKoledge (brand: MySabr) guides high-school students through their college applications. The centerpiece is the Essay Builder — a six-stage wizard that turns a blank page into a finished draft without templating the voice out of it.
But the student isn't the only stakeholder. Parents want visibility. Counselors need to track progress across a caseload. Admins need institutional dashboards. The design had to serve all four without turning any single one into a compromise.
A blank page for the student. A black box for everyone else.
High-schoolers face two related problems when they open a college essay: they don't know where to start, and they can't tell if what they've written is any good. Existing tools solve the first by templating — which flattens the voice — and don't help with the second at all.
Around the student, three other stakeholders need visibility without over-steering. Parents want reassurance. Counselors need caseload signal. Admins need institutional patterns. Each needs a different view of the same underlying work — without the student feeling watched.
What the app needed to be true.
Freelance designer and developer. End-to-end on every surface.
I designed and built every surface — the Essay Builder wizard, the four stakeholder dashboards, the marketing landing, and the design system that ties them together.
Every visual token, every interaction, and every line of shipped React was mine. The design system exports as JS objects imported directly into the app — so tokens can't drift from what's on screen.
How I worked through the four-stakeholder problem.
One product. Four stakeholders. Each with the view they need.
Iteration history kept visible instead of tidied away.
Wizard shipped end-to-end. Landing locked after five directions.
The structure is mine. The voice is theirs.