Project context

Wonderverse is a web3 community task management platform. It has a wide range of features and concepts which the user can set up. The purpose is to increase the amount of filled-in profiles and introduce various workflow concepts (such as tasks, bounties, proposals, and milestones) as well as quickly import the community.

Project Aims

1. Educate users on the main concepts of the platform

2. Assist the user in creating their first tasks, pods, and other important concepts

3. Getting more users to fill out their profile

Onboarding Architecture

3D iconography

I created animation loops for each of the features being set up in the onboarding process.

3D Illustrations

Taking the theme of 3D reflective glass in space further, I created illustrations for the three onboarding blocks. I created an illustration for each of the three stages of onboarding: workflow, members, and basic information.

UI designs

Hover state prototype

Hover state transitions moving between the stages. Combines the icon animations and illustrations

Step 1: Set up project basics

Step 2: Set up core workflow

Step 3: Onboard community

Confirmation Screen

Desktop Example

Mobile screens with animated icons