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

  1. Educate users on the main concepts of the platform

  2. Assist the user to create 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, 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

  1. Educate users on the main concepts of the platform

  2. Assist the user to create 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, 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

  1. Educate users on the main concepts of the platform

  2. Assist the user to create 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, 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