Career Quiz — Flow Canvas
Open Colleges · every path at a glance
Open prototype

Paths

Happy pathwalked + shot
Unmapped branchnot walked
Returning visitorcookie state
Lead-capture gatereal CRM lead
Client-ownedout of scope
Click any mapped card to open its real screenshot.

Career Quiz — paths view

22mapped screens 16question steps 12traits scored 14unmapped branches 1hand-off
1 · Entry
2 · Work style · steps 1–6
3 · Passions · steps 7–11
4 · Skills · steps 12–16
5 · Lead gate
6 · Results
7 · Hand-off
E1
Entry
/pages/career-quiz entry hero
GeneX INJECTED WIDGET (not button-attach): funnel-root renders the hero itself — "Take our quiz to fast track your future" / "Find your dream career path in just 5 minutes!" / Discover your path. Clicking mounts a second funnel-root modal takeover.
our widget · same-URL takeover screenshot ↗
E2
Returning
Returning visitor
After one submission: re-opening RESTARTS at "1 of 18" with First name pre-filled ("Test") and all requirement rows reset to "-"; the wrap email arrives pre-filled too. The entry hero itself doesn't change (no "Welcome back" variant).
cookie/localStorage state screenshot ↗
M
Mobile UI
Mobile progress drawer
Slim dark bottom bar: tappable underlined "Career Quiz" label (left) + dial "x% Complete" (right). Tapping opens a right-side drawer mirroring the desktop sidebar (dial + blurb + "Your requirements" 12 trait rows); × or backdrop closes. Captured live.
every step · mobile only screenshot ↗
1
Step 1
"Start with an easy one and enter your name…"
"First name" text input · Let's get started · "Skip >". Entered: Test — every later screen (and the interstitials) is name-personalised.
1 of 18 · dial 3% · input screenshot ↗
name or skip?
2
Interstitial
"Nice to meet you, Test."
"Let's get started by exploring your work style and preferences." (purple shapes deco). Single Let's go! pill — chapter opener, no trait scored.
2 of 18 · dial 8% · interstitial screenshot ↗
3
Step 3
"Test, imagine your ideal workday; what does it look like?"
Walked: option 2 — "I'm flexible, moving tasks based on how I feel." → sidebar Organisational skills = "Flexible & spontaneous". (Cards slide in from the right; a click mid-animation landed on option 2.)
3 of 18 · dial 14% · cards screenshot ↗
4
Step 4
"Are you drawn to working in beauty services or fast-paced retail environments?"
Walked: "I love creating personalised experiences in beauty or retail." → sidebar Retail & beauty = "I love beauty/retail". Cards with cart / clicking-cursor / t-shirt icons.
4 of 18 · dial 19% · cards screenshot ↗
5
Step 5
"Does your day include helping others?"
Walked: "I find hands-on care fulfilling (e.g., healthcare, teaching)." → sidebar Mentorship = "Hands-on support". Cards with heart-hands / laptop / hand-heart icons.
5 of 18 · dial 25% · cards screenshot ↗
6
Step 6
"If your day involves creating something, what would that look like?"
Walked: "I love designing from scratch (art, spaces)." → sidebar Creativity = "Design focused". Cards with corner deco.
6 of 18 · dial 31% · cards screenshot ↗
7
Interstitial
"Test, it's time to uncover your passions and what motivates you."
Chapter opener (paper-plane deco). Single Let's go! pill — no trait scored.
7 of 18 · dial 36% · interstitial screenshot ↗
8
Step 8
"Would you be excited about a career involving animals or nature conservation?"
Walked: "Yes, I'd love to work in these areas." → sidebar Caring for nature = "Passionate about nature". Cards with bird / cat / seedling icons.
8 of 18 · dial 42% · cards screenshot ↗
9
Step 9
"Do you want to help others directly, specifically in healthcare or education?"
Walked: "Yes, I want to make a positive impact in these fields." → sidebar Supporting others = "Yes, I want to help". Full-width pill rows.
9 of 18 · dial 47% · pills screenshot ↗
10
Step 10
"In a role helping people directly, what excites you most?"
Walked: "Direct interaction with customers or clients excites me." → sidebar Customer-facing = "Direct interaction". Cards.
10 of 18 · dial 53% · cards screenshot ↗
11
Step 11
"Can you see yourself in a leadership role in the future?"
Walked: "Yes, I enjoy leading teams and making decisions." → sidebar Leadership = "Aspiring leader". Cards with org-chart / people / target icons.
11 of 18 · dial 58% · cards screenshot ↗
12
Interstitial
"Test, let's explore your skills, strengths, and how you learn best."
Chapter opener (green hill deco). Single Let's go! pill — no trait scored.
12 of 18 · dial 64% · interstitial screenshot ↗
13
Step 13
"Are you good with numbers and enjoy data or financial tasks?"
Walked: "I love working with numbers and solving problems." → sidebar Numerical skills = "Numbers & data-driven". Cards.
13 of 18 · dial 69% · cards screenshot ↗
14
Step 14
"Do you prefer hands-on, task-oriented roles?"
Walked: "Yes, I love seeing tangible results from my efforts." → sidebar Practical work = "Hands-on work". Full-width pill rows.
14 of 18 · dial 75% · pills screenshot ↗
15
Step 15
"Do you enjoy organising, problem-solving, and managing projects?"
Walked: "Yes, I excel at organising and managing all aspects of a project." → sidebar Structured tasks = "Organised & process-driven". Cards with blocks / cube / bricks icons.
15 of 18 · dial 81% · cards screenshot ↗
16
Step 16
"How would you approach learning a new project?"
Walked: "I like to jump in and learn by doing." → fills the Hands-on trait row, but the wrap follows immediately so its sidebar value was never displayed (unverified label). Last question.
16 of 18 · dial 86% · cards screenshot ↗
17
Gate
"That's a wrap, Test." — email gate
"Where can we send your recommendations?" — Email only → Explore recommendations now (Privacy + reCAPTCHA fine print; desktop-only left rail: Renee Flanagan testimonial + Why Choose Open Colleges?). GATES the results — submitted ONCE with design-team+test@genex.design.
no counter · real CRM lead screenshot ↗
18
Results
"Test, based on your preferences we've found 3 careers you might just love!"
GeneX-rendered — IN scope, unlike the course-finder. "Closest career match!" badge · Start again ↻ · 3 career cards (Business & Leadership · Beauty & Nail · Health & Community), each with Explore this career CTA + Preference matches ticks.
no counter · 2 shots (top + bottom) screenshot ↗
Client-owned
Client career-hub pages
Each Explore this career links to the client's own career-hub page, e.g. /pages/career-hub-business-leadership (role cards: Administration Assistant, Administrative Officer, General Clerk…). OUT OF SCOPE — reference only.
out of scope · reference only screenshot ↗
End of the GeneX experience

The results screen is ours — hand-off only happens when a result card's CTA is clicked. No payment/checkout inside the funnel. Steps 1–16 are clickable in the prototype; wrap + results live in funnel-map.md + screenshots.

?
Unmapped
"Skip >" path — no name
Step 1 also offers "Skip >" beside Let's get started — not walked. The no-name copy variant (interstitials + questions without "Test") is unmapped.
map next not mapped yet
?
Unmapped
Step 3 — other answers
Not walked: "I like structure, with clear goals and timelines." · "I prefer a balance of planned tasks and spontaneous problem-solving." Their Organisational skills values are unrecorded.
trait values unknown not mapped yet
?
Unmapped
Step 4 — other answers
Not walked: "I prefer roles away from customer service or hands-on work." · "I'd consider roles in beauty or retail if they align with my goals." Their Retail & beauty values are unrecorded.
trait values unknown not mapped yet
?
Unmapped
Step 5 — other answers
Not walked: "I prefer professional, less hands-on work." · "I enjoy helping based on my skills and interests." Their Mentorship values are unrecorded.
trait values unknown not mapped yet
?
Unmapped
Step 6 — other answers
Not walked: "I enjoy creating practical solutions." · "I blend creativity with functionality to solve problems." Their Creativity values are unrecorded.
trait values unknown not mapped yet
?
Unmapped
Step 8 — other answers
Not walked: "It's a personal passion, but not a career focus." · "I'd consider it if the role aligns with my skills and values." Their Caring for nature values are unrecorded.
trait values unknown not mapped yet
?
Unmapped
Step 9 — other answers
Not walked: "I want to help but not in such hands-on roles." · "I'd consider it if the role offers the right balance of challenge and reward." Their Supporting others values are unrecorded.
trait values unknown not mapped yet
?
Unmapped
Step 10 — other answers
Not walked: "I enjoy working behind the scenes to assist people." · "I contribute by leveraging my strengths, directly or indirectly." Their Customer-facing values are unrecorded.
trait values unknown not mapped yet
?
Unmapped
Step 11 — other answers
Not walked: "I prefer being part of a team rather than leading." · "I'd step into leadership if it aligns with my goals and skills." Their Leadership values are unrecorded.
trait values unknown not mapped yet
?
Unmapped
Step 13 — other answers
Not walked: "I can manage numbers but don't find them exciting." · "I'm comfortable with numbers as part of a larger purpose." Their Numerical skills values are unrecorded.
trait values unknown not mapped yet
?
Unmapped
Step 14 — other answers
Not walked: "I prefer office or creative work but can manage hands-on tasks." · "I enjoy hands-on work when it's meaningful and engaging." Their Practical work values are unrecorded.
trait values unknown not mapped yet
?
Unmapped
Step 15 — other answers
Not walked: "I prefer focusing on individual tasks rather than managing entire projects." · "I enjoy managing projects when I can collaborate with others." Their Structured tasks values are unrecorded.
trait values unknown not mapped yet
?
Unmapped
Step 16 — other answers
Not walked: "I prefer to follow clear instructions or attend training first." · "I'd start with guidance, then apply what I learn through practice." Even the walked option's Hands-on label is unverified.
trait values unknown not mapped yet
?
Unmapped
Mobile results — not captured
Reaching them again requires re-submitting the lead form (duplicate lead), which the capture rules avoid. Desktop shots + funnel-map.md carry the content; capture on a future walk if pixel truth is needed.
needs a duplicate lead not captured
100%
scroll zoom · drag pan · click card to open screenshot