Tayana Souza
← Selected work

Mission Center · Gamified onboarding

From first login to ready to work.

Gamified onboarding for a B2B SaaS back office, helping agents become productive faster through guided missions, meaningful rewards and visible progress.

Mission CenterProduct system · Overview
Overview of Mission Center interface components, including profile progress, ranking, missions, lessons and badges
RoleProduct Designer
ScopeUX strategy, architecture, UI & states
ProductB2B SaaS back office
FocusAgent readiness & product adoption
01

Context & opportunity

A powerful product with an onboarding gap.

Agents used the back office to configure their workspace, learn key routines and track performance. The opportunity was to connect those scattered activities into one visible path.

Context
The productA SaaS admin back office where agents manage settings, dashboard preferences, profile data and core operational tasks.
Opportunity
The onboarding gapNew agents had several setup and learning steps, but the journey did not clearly show what to do first, what was done or what mattered next.
Solution
The design betTurn onboarding into a structured mission system: small tasks, clear progress, meaningful rewards and a persistent Mission Center.
02

Problem statement

How might we help agents complete the right setup and learning steps without feeling lost, blocked or dependent on managers?

New agents needed a fast path from “new user” to “ready to work”, while teams needed a scalable way to guide progress.

  1. 01

    Scattered tasks

    Configuration, learning and profile setup lived in different parts of the back office.

  2. 02

    Low confidence

    Agents could complete steps but still feel unsure about what was required.

  3. 03

    No clear progress

    There was no single surface showing progress, rewards or next actions.

  4. 04

    Delayed adoption

    Teams needed a scalable way to encourage onboarding completion.

03

Goals & success

Useful first. Game-like second.

The product goals anchored the experience in practical outcomes, with gamification supporting clarity and completion rather than adding distraction.

  1. 01

    Reduce cognitive load

    Break onboarding into small, sequenced missions with one clear next action.

  2. 02

    Increase completion

    Use progress, XP and badges to give visible momentum and recognition.

  3. 03

    Create confidence

    Connect each mission to a practical outcome agents need in their daily work.

  4. 04

    Support scale

    Allow admins to guide agents without manual follow-up for every setup step.

KPIs to validate after release
Mission completionTime to first missionDashboard setupLesson engagementSupport questionsEarly performance
04

Discovery inputs

Three lenses shaped the feature.

Before defining the experience, I mapped what agents needed, what the business needed to improve and what the existing product could support.

01

Agent needs

  • Know exactly where to start.
  • Understand what each setup task unlocks.
  • Get feedback when a mission is done.
  • Avoid blocked or unavailable tasks.
  • Return later without losing progress.
02

Business needs

  • Shorten onboarding time.
  • Improve feature adoption.
  • Reduce manager dependency.
  • Encourage learning content usage.
  • Standardise onboarding across teams.
03

Product constraints

  • Fit into the existing admin navigation.
  • Support role-based permissions.
  • Persist mission states.
  • Avoid childish gamification.
  • Keep the UI lightweight for back-office use.
05

Journey shift

From scattered setup to a visible path of progress.

Before
Login
Search settings
Read docs
Ask manager
Try again
After
Login
Mission Guide
Complete task
Earn XP
Unlock next
06

Gamification model

Every game mechanic has a practical role.

Every mechanic had a functional role in onboarding. Rewards made progress visible, while sequencing and locked states kept the next action clear.

  1. 01

    Missions

    Turn setup into small, concrete actions with a clear objective.

  2. 02

    XP

    Give immediate feedback and a lightweight sense of progress.

  3. 03

    Badges

    Recognise milestones and reinforce completed learning themes.

  4. 04

    Ranking

    Create social proof and optional motivation without blocking task completion.

  5. 05

    Locked states

    Show what exists but is not yet available to prevent confusion.

07

Final design

One guided start. One persistent progress hub.

The Mission Guide focuses the first run, while the Mission Center gives agents one place to resume missions, learning and early progress.

07A · Mission Guide

A focused first-run experience.

Sequenced steps, visible states and a prominent next mission make onboarding feel clear and finite.

Mission GuideGuided first run
Mission Guide product overview with profile progression, ranking, levels, chapters, lessons, missions and badges

Step-based structure · Mission states · XP feedback · Clear next action

07B · Mission Center

A persistent hub for progress.

Missions, lessons, ranking and badges form one engagement loop agents can return to after the first run.

Mission CenterProgress hub
Mission Center dashboard with mission overview, lessons, ranking, profile progression, badges and XP

Resume progress · Learning loop · Ranking · Personal progression

08

Business impact KPIs

These are proposed targets for post-release validation. They are not measured results.

Readiness5 → 3 days40% faster onboarding
Adoption85 to 90%Mission completion
Efficiency−30%Support dependency
Performance+20%Early productivity
09

Next case

Continue through the selected work.

Next caseAdmin Intelligence →