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'.
3d
3d icons
analytics
blender
community
crm
cute
cute 3d icon
emoji
gamification
gaming
modal
motion graphics
onboarding
product design
quest
referrals
scroll
store
ui
View all tags
Posted on
Jan 8, 2024
More by Ben Kókolas View profile
Like