Atlassian
Mobile Onboarding Delighter
Goal
Improve the onboarding experience for new users in our mobile app to increase completion rates and reduce drop-off during the first session.
Role
Product designer
Timeline
5 weeks
Problem
Users often dropped off during onboarding because the flow was long and unclear. The challenge was to reduce friction while keeping the experience engaging.
Users felt overwhelmed by too many steps before they could experience the app’s value.
Navigation was unclear, leading to incomplete onboarding flows.
There was no immediate feedback to guide users through tasks.
HCW
How can we retain new users making the onboarding experience shorter and more enjoyable?
Exploration
We explored multiple flows and visual strategies as a team to address the onboarding problem. Three main ideas emerged:
Token / Coin System
Inspired by fitness apps, users would collect tokens for completing tasks, creating a habit loop and gamifying the experience.
Pros: Highly engaging, encourages repeated use.
Cons: Not cost-effective, would require building a new design system, and could disrupt the current flow.
Guided First Actions
A guiding mechanism to help users complete their first set of actions within the app.
Pros: Low disruption, fast to create and test, aligns with current flow, immediately helps users see value.
Outcome: Selected as the final approach because it balanced effectiveness and feasibility.
Blackout Highlight
Highlight only the areas where the user should take action (e.g., create page, star, edit).
Cons: Felt overused across other apps, lacking originality and engagement.
Solution
We believe that implementing a delighter that celebrates user productivity we can engage and align people to Confluence mobile being a fun way to work and deepen their understanding of the product.
Celebration
In celebration of users’ achievements, a vibrant confetti animation floods the screen, accompanied by uplifting messages highlighting their progress and contributions.
Guidance
Rewarding users to recognize their achievements
Exploration
Half screen ❌
Problem: Too intrusive on mobile; it limited the visible workspace and distracted users.
Full screen ❌
Problem: Added an extra step and occupied too much space, slowing down the experience.
Confetti ✅
Confetti animations were scaled down and integrated subtly, leaving space for navigation.
Users could celebrate progress without losing context or obstructing key actions.
This approach reinforced engagement while guiding users to successfully: Create a page, star a page, edit a page, and return to their work
Iteration
Road to MVP
The final MVP combined a floating card with a confetti background to celebrate user progress. This approach reinforced positive behavior without disrupting the flow. The floating card kept the celebration subtle while confetti added delight and motivation. It allowed users to complete key actions such as creating, starring, editing, and returning to work while feeling rewarded, making it the right choice for the MVP.
Final version
Solution
Streamlined onboarding from 7 steps → 4 steps.
Added progress indicators and interactive tips.
Introduced quick tutorials to showcase value without overwhelming users.
Outcome / Results
Onboarding completion rate: Increased from 55% → 82%.
Time to first key action: Reduced by 35%.
User satisfaction (post-onboarding survey): 4.7 / 5.
Key Takeaways
Simplifying flows and providing immediate value increases engagement.
Iterative testing with real users uncovers hidden friction points.
Micro-interactions improve both usability and delight.