← All worknow showing ( 08 ) / 24
← part of One hub, many communities

Learning is only as good as what surrounds it

Learning is only as good as what surrounds it key visual

the bubble prototype proved developers would show up for gamified learning. i redesigned everything around it, starting from what a learner actually needs to do.

Client StackUpDuration 2 months, 2023Role product designerTools figma, figjam, github
( 01 ) Challenge

people liked the learning and got lost everywhere else.

learn & earn is where developers complete quests and earn rewards. the prototype validated demand in three months and left a lot of ux debt. navigation was confusing and the structure didn't scale. the whole thing was held together with good intentions.

↗︎↑ mostly black & white. clarity first, on purpose.
( 02 ) Not starting from zero

which made it harder.

we had data, a live prototype and stakeholders who knew exactly where things broke. i talked to technical content, product and community teams, clustered their how-might-we questions and prioritised them together. analytics on sign-ups, drop-off and quest completion said the same thing: too many features doing too much at once.

( 03 ) Strip it back

what does a learner actually need to do?

discover a campaign or pathway, complete tutorials, track rewards. every step had to justify itself against that. each round of prototyping got leaner. showing everything at once overwhelmed people, so content now reveals itself a step at a time.

↖︎↑ everyone has a favourite thing they don't want cut.
( 04 ) Content structure

i ended up looking at old library catalogues.

pathways, modules, tutorials, campaigns and quests all link to each other. catalogue cards that connect across subjects gave me a model for clear parent-child relationships and modular discovery. the final ia cut duplication and gave content creators a structure they could read. discovery started to feel like browsing rather than searching.

the learner sitemap, landing page to payout
the learner sitemap, landing page to payout
( 05 ) What ships first

two questions i kept asking each sprint.

high impact, lower complexity went first: navigation, learner progress, core content access. multi-community publishing was the big one we pushed back.

what's most likely to fail if we launch in three months?( 01 )
what would we be proud to see live in two years?( 02 )
( 06 ) What it became

it gave people new ideas.

a leaner, cleaner content experience that could scale. i led the pathway system and its nested content before moving to the admin portal, and my teammate took campaigns to completion. afterwards, new requests started coming in.

wireframes of my early ideas
wireframes of my early ideas
Next track →
The tool behind the tool