Onboarding tutorial illustrations

Created for Wonderverse. A gamified growth tool for community building. All six of the main product features will have an interactive onboarding to teach feature use. These modal screens are the intros.

Feature 1: Quests

Feature 2: Referrals

Feature 3: Members

Feature 4: Levels

Feature 5: Community Store

Feature 6: Analytics

Intro to feature tour screen

When the user first clicks on a feature like levels, a begin tour modal will appear. This will let the user jump into the feature tour or skip it.

Completed feature tour screen

When the user completes a feature tour, they will be notified with the complete screen. This will give them ideas of what to do next and where to go if they have an issue. I also felt the confetti was a nice touch to make it feel like a 'moment'.

More by Ben Kókolas

View profile