Book a free call
← All workLive now

Career Quest Championship

A 6-month global career championship for Grades 1 to 12. I designed the full journey, from sign-up to a compass that kids unlock step by step, in 15 days.

View live site Book a free call
  • ClientMyCareerCompassToday, Dubai
  • My roleSolo UI/UX designer, on contract
  • Timeline15 days, September 2026
  • TeamMe, an AI developer and a backend developer
  • ToolsFigma
The Career Quest Championship landing page on a laptop
the brief

A championship with a launch date

MyCareerCompassToday wanted a championship that students anywhere in the world could join. It also had a second job: to bring new families to their career portal.

It had to launch at a Dubai event with Gulf News, on a fixed date. There was no old version to fix. Everything, from sign-up to the last stage, had to be designed from scratch.

what shaped the design

Three things I had to solve

Ages 6 to 17, one product

A Grade 1 child and a Grade 12 student use the same screens. It had to feel fun for one and not childish for the other.

Parents sign up, kids play

Registration covers both the student and the parent, so sign-up and payment had to feel safe and simple for adults.

Six months is a long time

Kids come back across many weeks. They always need to know where they are and what to do next.

the big decision

Turning a compass into the whole journey

The championship has 6 stages: Discover, Explore, Experience, Create, Test and Celebrate. I made the compass itself the home page, so the journey is always one picture.

Stages unlock in order. A kid opens a stage, finishes its tasks, uploads their work for review, and earns a medal for it. That stage then locks as done and the next one opens.

It's game-like, with medals and progress, but not a cartoon game, so it still feels right for a 17-year-old.

Locked Open, in progress Done, medal earned
Compass home with 6 stages in order: Discover, Explore, Experience, Create, Test and Celebrate Discover stage popup listing tasks, an upload button and progress toward a bronze medal
the design

From first visit to first medal

  1. Landing page
  2. Register
  3. Payment
  4. Login details by email
  5. Log in
  6. Compass home
  7. Stage tasks and medal
scroll the full landing page
Full Career Quest Championship landing page: hero, partners, why section, milestones compass, resources, fees, quest journey, prizes and checklist
The landing page explains the championship for students, parents and schools, then walks through milestones, fees, the 7-step journey and prizes.
Registration form with student details and parent information
Payment successful page telling the user to check their email for login details
One form covers the student and the parent, with an optional box for parents to join the quest too. After payment, there's one clear next step: check your email for login details.
where it is now

Live and running

Live

Launched at a live event in Dubai

Grades 1 to 12

One journey for every age

6 months

Registrations from October 2026, finale in April 2027

15 days

From brief to dev-ready design

what I learned

Design for the kid, not for me

With a launch date that could not move, I learned to move fast without cutting corners. Every screen was checked two or three times, and once through a kid's eyes. Taking their feedback and making the flow as seamless as possible mattered more than any single screen.

your turn

Want something like this?

Tell me about your idea on a free 15-minute call.

Book a free call
Next projectHotel operations appBrand and product from zero, for hotel teams