🎓 Canva Design School

Canva’s learning hub for tutorials and courses, designed to help anyone build design skills.

📝 Context

At Canva, I explored ways to boost engagement in Design School through gamification, making learning feel playful, rewarding, and fun. I led research and prototyping to design a solution that helped learners stay curious and return.

🤝 Role

Product Design Intern

⌛️ Timeline

Dec 2024 – Feb 2025

🏆 Skills

Product Design, User Research, UX Writing, Prototyping, Workshop Facilitation

🔍 The Challenge

We knew users were dropping off before completing lessons. Some got distracted, others didn’t know where to start, and many lost motivation halfway through. I wondered:

What if learning felt like progress you could see, share, and be proud of?

🧠 The Goal

I set out to prototype a gamified learning experience that was:

💪

Motivating without being overwhelming

💪

Motivating without being overwhelming

🤔

Flexible for different learner styles

🤔

Flexible for different learner styles

💜

Meaningful beyond just “points for clicks”

💜

Meaningful beyond just “points for clicks”

✏️ My Role & Process

(aka... me obsessing over how Duolingo keeps people hooked)

As the sole Product Design Intern in the Design School team, I led the end-to-end design process (from early research through to motion design) shaping a learning experience that was playful, motivating, and emotionally thoughtful.

We followed a loose Double Diamond approach: exploring broadly, narrowing with intent, and iterating until things felt right.

Along the way, I:
• Led research, prototyping, and unmoderated testing
• Facilitated workshops with cross-functional teams
• Designed the end-to-end user journey, from sketch to polish
• Partnered with PMs and engineers to align on feasibility

🔍 Understand

I kicked things off with layered research to unpack how and why users engage with learning platforms.

📊 Secondary Research

Did you know... gamification doesn’t just make learning fun, it makes it work better?

Here’s what the research says:

89%

increase in student performance via challenge-based, gamified learning

(Hamari et al., 2014)

68%

of students feel more motivated and engaged when using gamified learning

(Zainuddin et al., 2020)

90%

of employees prefer to engage in gamified learning tasks.

(TalentLMS, 2019)

These insights confirmed something we all kind of feel:

People want to learn. But they want it to feel rewarding, not draining.

🧠 Comparator Audit

I analysed 11 apps across edtech, fitness, and creative tooling:
Think: Duolingo, Strava, UXcel, Skillshare, Brilliant…

What I looked for:

🪫

How streaks and progress bars were introduced

🪫

How streaks and progress bars were introduced

🏆

Whether badges actually felt like wins

🏆

Whether badges actually felt like wins

📝

What kinds of copy or motion made feedback feel fun

📝

What kinds of copy or motion made feedback feel fun

A large FigJam board showing a collection of screenshots from different online learning platforms, organised by service
A large FigJam board showing a collection of screenshots from different online learning platforms, organised by service

Comparator audit of learning platforms like Duolingo, Skillshare, and Coursera (and many more!)

📝 I kept a running table comparing:

  • Entry points to learning

  • Motivational feedback patterns

  • Progress visualisation methods

  • Emotional tone and visual language

📈 Insights from Product Data

With support from the Design School team, I also reviewed platform usage patterns to uncover behavioural friction points and areas of opportunity.

⬇️

Where users were dropping off in the learning journey

⬇️

Where users were dropping off in the learning journey

😳

Moments where navigation or feedback caused hesitation

😳

Moments where navigation or feedback caused hesitation

⛳️

Completion behaviours across different course types

⛳️

Completion behaviours across different course types

🧩

Signs that features (like quizzes or rewards) could be better reinforced

🧩

Signs that features (like quizzes or rewards) could be better reinforced

This helped us identify:

  • Key navigation pain points

  • Gaps in perceived progress

  • Missed opportunities for motivation and reward

This stage reminded me how much power lives in patterns, both in user behavior and in the way other products subtly motivate. The more I mapped it all, the clearer the design direction became.

This stage reminded me how much power lives in patterns, both in user behavior and in the way other products subtly motivate. The more I mapped it all, the clearer the design direction became.

📇 The Insights

From this research, four key insights consistently stood out. These became the emotional and strategic foundation for the entire experience:

01

Users are more likely to continue when they receive immediate feedback, such as points or badges, after completing small tasks. Instant rewards create a sense of achievement and reinforce learning behaviours.

02

When users see visible progress, like maintaining a streak or completing milestones, they feel motivated to stay consistent. Long-term engagement tools encourage users to return regularly and avoid dropping out.

03

Personalised learning paths that adapt to user needs make the experience feel tailored and manageable. This reduces frustration, keeps users engaged, and builds trust in the platform.

04

Friendly competition, like leaderboards or team-based challenges, motivates users to stay active. It creates a sense of belonging and shared progress, encouraging consistent participation.

💡 Ideate & Prioritise

To bring the research to life, I co-facilitated a 1.5-hour Gamification Ideation Workshop with the lead designer on the team for 5 Design Educators. It was fast-paced, slightly chaotic, and honestly… really fun!

We kicked things off with:

  1. A quick crash course on what gamification actually means 🎮
A Zoom screenshot of Vivian leading a remote sketching workshop, with participant sketches displayed below
A Zoom screenshot of Vivian leading a remote sketching workshop, with participant sketches displayed below

Kicking off ideation with a team sketching session

  1. A round of Crazy Eights to get wild ideas flowing 🎭
A grid of hand-drawn sketches on paper showing different design ideas for motivational features in a learning platform
A grid of hand-drawn sketches on paper showing different design ideas for motivational features in a learning platform

Early concept sketches from the team

  1. Group sharebacks to spot patterns and build on each other’s thinking 🫂
Blurred sticky notes on a FigJam board showing ideas that received the most votes from the team
Blurred sticky notes on a FigJam board showing ideas that received the most votes from the team

Voting on our strongest ideas

  1. And finally, effort vs impact mapping to figure out what was actually worth building 📍
A prioritisation matrix with sticky notes clustered around the MVP zone, plotted along effort and impact axes
A prioritisation matrix with sticky notes clustered around the MVP zone, plotted along effort and impact axes

Mapping ideas by effort and impact

A FigJam board showing features grouped by priority labels: Must Have, Should Have, Could Have, and Won’t Have
A FigJam board showing features grouped by priority labels: Must Have, Should Have, Could Have, and Won’t Have

Prioritising features with the MoSCoW method

Out of all the sticky notes and post-it chaos, our MVP started to take shape:

🏅

Achievements & badges

⛰️

Personalised learning paths

📊

Visualised progress

🧠

Embedded quizzes with real-time feedback

These weren’t just features, they were our anchor. Every decision after this looped back to them.

Facilitating this workshop felt like a big moment for me. I was nervous at first, but watching ideas snowball in real time reminded me why I love collaborative design. There's something magic about post-its, group energy, and seeing people light up when their ideas stick.

Facilitating this workshop felt like a big moment for me. I was nervous at first, but watching ideas snowball in real time reminded me why I love collaborative design. There's something magic about post-its, group energy, and seeing people light up when their ideas stick.

✨ Design & Prototype

This wasn’t just a visual design sprint, it was about shaping a learning experience that felt intuitive, encouraging, and deeply motivating.

🧠 From Sketches to Structure

I started by sketching rough concepts to get early ideas out, thinking about how we could blend motivational feedback with Canva’s brand tone. From there, I moved into more structured planning:

Early sketches to ideate on core emotional moments and layout ideas
Low-fidelity wireframes in purple showing screens for progress tracking, commitment, and course completion
Low-fidelity wireframes in purple showing screens for progress tracking, commitment, and course completion

Quick sketches for gamified moments

User flows outlining the complete journey, from onboarding to course completion
A user flow diagram showing how a new Canva user sets up their learning journey through key actions and decision points
A user flow diagram showing how a new Canva user sets up their learning journey through key actions and decision points

Flow for onboarding and personalisation

Information architecture to map out how learning paths, progress, and rewards would connect
A vertical flow diagram in FigJam showing paths users can take through the product, annotated with steps and labels
A vertical flow diagram in FigJam showing paths users can take through the product, annotated with steps and labels

Full user flow overview

Throughout this, I pulled in insights from product data (like drop-off points in Design School), secondary research on gamified learning, and a comparator audit across platforms like Duolingo, Strava, and UXcel.

🎮 Wireframing & Testing Early Concepts

Once the foundation was in place, I built low-fidelity wireframes in Figma to test key flows:

🛤️ Starting the journey

  • Onboarding quiz

  • Personalised path selection

  • First reward moments

💪 Staying motivated

  • Streak tracking and badge unlocks

  • Course discovery with visual progress indicators

  • Friendly, emotionally resonant microcopy

💗 Reflecting and growing

  • Quiz feedback and retry loops

  • Progress dashboards

  • Recaps of completed lessons and unlocked milestones

Rather than wait until the end, I started shaping emotional micro-interactions early:

  • Celebration popups (“You’re in the top 5%!”)

  • First badge animations

  • Copy that encouraged progress, not perfection

A FigJam board with three user journeys — personalising, starting, and completing a course — each with UI screenshots underneath
A FigJam board with three user journeys — personalising, starting, and completing a course — each with UI screenshots underneath

Screens mapped to key user goals

🧑‍💻 Feasibility Workshop

Before going hi-fi, I presented the prototype in a cross-functional check-in with PMs and Engineers to assess what was viable and what needed adjustment.

Together, we explored:

  • Potential integration challenges with existing learning experiences

  • Technical constraints around interaction design and layout behaviour

  • Feasibility of lightweight motivation systems (like streaks and badges)

  • How to scope animations and feedback within current design systems

A digital whiteboard showing a "Rapid Brainstorming" session with many sticky notes discussing potential blockers like tech constraints and user adoption.
A digital whiteboard showing a "Rapid Brainstorming" session with many sticky notes discussing potential blockers like tech constraints and user adoption.

Brainstorming what might block implementation across tech, time, and adoption.

This helped shape what stayed in scope, and ensured we were designing something the team could realistically bring to life.

This was where my thinking shifted from “how should it look?” to “how should it feel?” I realised that emotional design doesn’t start with polish, it starts in structure. Every screen, every branch, every little motion needed to earn its place in the journey.

This was where my thinking shifted from “how should it look?” to “how should it feel?” I realised that emotional design doesn’t start with polish, it starts in structure. Every screen, every branch, every little motion needed to earn its place in the journey.

🧪 Validate & Refine

To make sure our ideas resonated beyond the Figma frame, I ran unmoderated user testing with 8 real Canva learners using UserTesting.com. My focus?

Clarity, motivation, and emotional engagement.

💬 What we asked

🪫

How streaks and progress bars were introduced

🪫

How streaks and progress bars were introduced

🏆

Whether badges actually felt like wins

🏆

Whether badges actually felt like wins

📝

What kinds of copy or motion made feedback feel fun

📝

What kinds of copy or motion made feedback feel fun

Each test was structured with guiding prompts and observational tasks. I watched for facial cues, hesitation, click paths, and verbatim reactions, then used affinity mapping to group pain points and patterns.

A zoomed-out view of a collaborative online whiteboard filled with multicoloured sticky notes organised by topic clusters.
A zoomed-out view of a collaborative online whiteboard filled with multicoloured sticky notes organised by topic clusters.

Mapping early ideas and themes from our ideation sessions.

After synthesising the findings, I built a recommendations table to clearly map what users were struggling with, why it mattered, and how we could address it.

A UX research insights table showing user feedback, feature names, and prioritised recommendations based on usability testing.
A UX research insights table showing user feedback, feature names, and prioritised recommendations based on usability testing.

Turning research into action with clear insights and priorities.

✅ What worked

  • Streaks triggered emotional investment (“I don’t want to lose my streak!”)

  • Progress bars and dashboards gave users a satisfying sense of momentum

  • Instant quiz feedback increased confidence and reduced frustration

  • Personalised learning paths helped learners feel less lost and more supported

⚠️ What needed work

  • Navigation friction → users struggled to find their way back, so I improved “Back to Path” visibility

  • Unclear feedback after wrong answers → added “View Theory” buttons and contextual hints

  • Visual overwhelm → toned down noisy elements, clarified layout hierarchy

  • Streak anxiety → introduced “repair tokens” to make the system feel forgiving, not punishing

This phase reminded me that good research isn’t just about gathering data, it’s about translating feelings into features. Watching users light up when something worked (or hesitate when it didn’t) shaped every iteration that followed. It also made me realise: I’m not just confident in facilitating research, I love digging into it. It’s where the most human part of design lives.

This phase reminded me that good research isn’t just about gathering data, it’s about translating feelings into features. Watching users light up when something worked (or hesitate when it didn’t) shaped every iteration that followed. It also made me realise: I’m not just confident in facilitating research, I love digging into it. It’s where the most human part of design lives.

🎨 Final Polish

With strong validation behind the MVP, I moved into high-fidelity design, where the experience truly came to life.

Here’s where I focused:

🔁

Reusable components for consistency and scalability across pages

🎞️

Motion design that made feedback feel fun, rewarding, and emotionally sticky

💬

Supportive, friendly copy that encouraged users without pressure (“You’re in the top 5%!” instead of “Try again”)

🧠

Insight-driven UI enhancements like:

  • Progress summaries

  • Badge previews

  • Subtle milestone moments that gave learners reasons to celebrate

Every detail, from the hover state on a progress card to the wording on an error message, was a chance to make the product feel just a little more human.

This was the most meticulous phase, and the most satisfying. I spent hours refining motion, tuning voice and tone, and aligning every little pixel with the emotional intent of the product. The result? A design that didn’t just function, it felt good to use. And that feeling is what keeps people coming back.

This was the most meticulous phase, and the most satisfying. I spent hours refining motion, tuning voice and tone, and aligning every little pixel with the emotional intent of the product. The result? A design that didn’t just function, it felt good to use. And that feeling is what keeps people coming back.

🎉 Introducing: Paths & Quizzes

This is where everything came together: motion, copy, structure, and systems, to create a learning experience that felt personal, rewarding, and (dare I say?) kind of fun.

Personalise your entry

Users were welcomed with a quick quiz to tailor their learning path based on their goals.

Choose your path

Different journeys for different user types, like “I’m starting a business” or “I want to build design confidence.”

Moments of Delight

From badge unlocks to friendly nudges (“You’re on fire 🔥!”), we layered in micro-moments to keep users emotionally engaged.

Progress That Feels Good

A clean dashboard showed visual progress, badges earned, and motivation streaks, giving users a sense of achievement at every step.

Quiz as Learning, Not Testing

Feedback was immediate, light-hearted, and growth-focused, helping users reflect, not panic.

A screen recording of the Canva homepage with the user clicking the "Explore Design School" widget on the left panel.
A screen recording of the Canva homepage with the user clicking the "Explore Design School" widget on the left panel.

Personalise your entry

Users were welcomed with a quick quiz to tailor their learning path based on their goals.

Choose your path

Different journeys for different user types, like “I’m starting a business” or “I want to build design confidence.”

Quiz as Learning, Not Testing

Feedback was immediate, light-hearted, and growth-focused, helping users reflect, not panic.

Progress That Feels Good

A clean dashboard showed visual progress, badges earned, and motivation streaks, giving users a sense of achievement at every step.

Moments of Delight

From badge unlocks to friendly nudges (“You’re on fire 🔥!”), we layered in micro-moments to keep users emotionally engaged.

🚀 What’s Next

If this MVP were to ship, I already had ideas brewing for how to take it even further:

🪙

“Ducks” as a light-hearted reward currency → something playful and low-stakes to collect

🫂

Leaderboards and team challenges → to drive social motivation and community vibes

🧠

AI-powered learning recommendations → to make the path smarter, not just prettier

🔁

Real-time dashboards → so the team could monitor engagement and retention meaningfully

Every idea here stemmed from patterns we saw in testing, and the potential we hadn’t tapped yet.

The most exciting part? Realising that this work didn’t have to stop with me. MVPs can be small, but if they’re thoughtful, they leave doors wide open for the next iteration. I learned how to balance vision with feasibility, and how to dream just far enough ahead.

The most exciting part? Realising that this work didn’t have to stop with me. MVPs can be small, but if they’re thoughtful, they leave doors wide open for the next iteration. I learned how to balance vision with feasibility, and how to dream just far enough ahead.

🎮 Side Quests

Beyond the core project, I also got to dip into the wider design team and community at Canva, contributing in ways that pushed me as a communicator and collaborator.

Here’s what I got up to:

🖥️ Presented my research + insights at a Design Critique with designers across specialties (and led one too!)
A screenshot of a Slack message from Vivian welcoming the team and inviting feedback.
A screenshot of a Slack message from Vivian welcoming the team and inviting feedback.
🧑‍🏫 Ran a Gamification Workshop for the Design Educators team
Vivian presenting during a remote ideation session with sketches and digital post-its on display.
Vivian presenting during a remote ideation session with sketches and digital post-its on display.
📣 Delivered a specialty-wide talk on how design education has shifted in the digital age to 50+ Canvanauts
A slide from Vivian’s Canva Design School presentation showing her roles as president of two university design societies and her internship at Stan, alongside images of events and teammates.
A slide from Vivian’s Canva Design School presentation showing her roles as president of two university design societies and her internship at Stan, alongside images of events and teammates.
🤝 Collaborated with PMs and engineers to explore feasibility and implementation strategy
Title slide for a presentation titled “Vivian’s Project Feasibility & Feedback Check-In” as part of the Canva Design School.
Title slide for a presentation titled “Vivian’s Project Feasibility & Feedback Check-In” as part of the Canva Design School.
💬 Shared weekly standups + async updates across teams, learning how to communicate design progress clearly (and led a few as well)
Vivian sitting at a desk mid-sentence during a Zoom call, wearing AirPods and a grey cable-knit cardigan.
Vivian sitting at a desk mid-sentence during a Zoom call, wearing AirPods and a grey cable-knit cardigan.
🎥 Surprise cameo in a Canva team video

These moments helped me grow beyond the Figma file, into a designer who can present, pitch, and problem-solve across disciplines.

🧡 Final Thoughts

This wasn’t just a project about points and badges.
It was about designing something that feels good to use, because it understands how people feel while using it.

Designing for motivation means designing for emotion.
Not just what users click but why they care.

I left this internship with more confidence in my process, my ability to work cross-functionally, and my instinct for designing with empathy.

A group selfie of the Canvanauts at a padel court, all smiling and holding racquets.
A group selfie of the Canvanauts at a padel court, all smiling and holding racquets.

Some fun with the #club-padel peeps 🏓

A dinner table at a restaurant with members of the Canva team enjoying food and drinks.
A dinner table at a restaurant with members of the Canva team enjoying food and drinks.

Unwinding with the design team over dinner.

Vivian sitting with two Canva teammates at a cafe, smiling with drinks and badges on the table.
Vivian sitting with two Canva teammates at a cafe, smiling with drinks and badges on the table.

Catching up with the best mentors over lunch!!

Group photo of Canva interns and team members posing in front of a giant inflatable duck in the Canva office.
Group photo of Canva interns and team members posing in front of a giant inflatable duck in the Canva office.

Duck-sized memories made with the interns :D

Before Canva, I used to second-guess my ideas, waiting for someone else to validate them. But this project reminded me: I do have something to say. And design is my way of saying it.

Before Canva, I used to second-guess my ideas, waiting for someone else to validate them. But this project reminded me: I do have something to say. And design is my way of saying it.

💌 Thanks for scrolling

That’s a wrap on my Design School adventure!
Thanks for taking the time to read ~ I Canva express how much it means. 🥲

Thanks for Visiting.

Keep building.

Thanks for Visiting.

Keep building.

Thanks for Visiting.

Keep building.

Personalise your entry

Users were welcomed with a quick quiz to tailor their learning path based on their goals.