Case Studies

Gamified Progress Tracking

Case Studies

Gamified Progress Tracking

Case Studies

Gamified Progress Tracking

Gamified Progress Tracking

Gamified Progress Tracking

Gamified Progress Tracking

Content

Content

Figma

Figma

Problem Statement

User

Research (User Interviews) showed that learners on GrowthSchool were losing motivation over time due to the lack of visible progress markers. Users reported feeling disconnected from their learning goals, with no way to gauge how far they had come or how much more effort was required to complete their courses.

Business

Data analysis (Mixpanel) revealed that course completion rates were significantly lower than expected. Without a mechanism to keep learners engaged and motivated throughout their journey, GrowthSchool was struggling to meet its goal of increasing course completions, which was crucial for user retention and long-term growth.

Research Insight

Both qualitative feedback and behavioral data pointed to the need for a progress-tracking mechanism that would not only inform learners but also keep them motivated and engaged with the platform.

Solution

We introduced a gamified Hero Card that visually represented a user’s course progress. By turning progress tracking into a more interactive and rewarding experience, learners could see their achievements in real time, which kept them motivated to continue their courses.

Why this feature? Research (User Interviews) indicated that users who had a clear understanding of their progress were more likely to complete courses. Gamification was chosen as the design solution to make progress tracking more engaging and psychologically rewarding.

Impact

  • Course Completion Rate: Increased by 20%.

  • User Engagement: Users who interacted with the Hero Card had 30% higher course participation than those who did not.

  • User Feedback: Positive feedback indicated that seeing real-time progress motivated users to keep learning.

Redesigned the Hero Card feature to provide real-time progress tracking, boosting course completion rates by motivating users with clear visual feedback.

Live Preview

Live Preview

Live Preview

Connect to Content

Add layers or components to infinitely loop on your page.

Connect to Content

Add layers or components to infinitely loop on your page.

Connect to Content

Add layers or components to infinitely loop on your page.

Connect to Content

Add layers or components to infinitely loop on your page.

Connect to Content

Add layers or components to infinitely loop on your page.

Redesigned the Hero Card feature to provide real-time progress tracking, boosting course completion rates by motivating users with clear visual feedback.

Redesigned the Hero Card feature to provide real-time progress tracking, boosting course completion rates by motivating users with clear visual feedback.

Live Preview

Live Preview

Live Preview

Read next

Read next

This is tag

GrowthSchool Ad Campaigns

Produced a series of high-impact video ads to promote GrowthSchool’s products, driving awareness and conversions for courses, 1:1 calls, and more.

This is tag

GrowthSchool Ad Campaigns

Produced a series of high-impact video ads to promote GrowthSchool’s products, driving awareness and conversions for courses, 1:1 calls, and more.

This is tag

GrowthSchool Ad Campaigns

Produced a series of high-impact video ads to promote GrowthSchool’s products, driving awareness and conversions for courses, 1:1 calls, and more.