Wonderverse Project Creation Onboarding
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 as introduce various workflow concepts (such as tasks, bounties, proposals, milestones) as well as quickly importing the community.
Project Aims
Educate users on the main concepts of the platform
Assist the user to create their first tasks, pods and other important concepts
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, 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
Wonderverse Project Creation Onboarding
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 as introduce various workflow concepts (such as tasks, bounties, proposals, milestones) as well as quickly importing the community.
Project Aims
Educate users on the main concepts of the platform
Assist the user to create their first tasks, pods and other important concepts
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, 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
Wonderverse Project Creation Onboarding
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 as introduce various workflow concepts (such as tasks, bounties, proposals, milestones) as well as quickly importing the community.
Project Aims
Educate users on the main concepts of the platform
Assist the user to create their first tasks, pods and other important concepts
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, 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
