top of page
luckydraw_metahuman.png
121.webp

NUWA- User experience of a Web3 metaverse social App

 Project Overview 
"The first web3 social metaverse for everyone."
 Background & Goal 

In 2022, topics like blockchain, Web3, the metaverse, and crypto have taken center stage in discussions worldwide.

NXG Labs aims to
swiftly develop an experimental product to explore the potential of Web3 social application - NUWA.

​

Nuwa is a fusion of Web3 Metaverse social app, which aims to provide a space where users can connect, socialize, and express themselves freely.

For more information, please check the website and download our App.

Company

NXG Labs

My role

Product Designer

Timeline

Apr 2022-Apr 2023

Tools

Figma, Illustrator, Photoshop, Unity

Workflow

01

Discover

Explore the problem

Customer goal
Business goal
Customer painpoints
Comparative research
Current state journey
Ideate potential solution
Create potential solution

02

Concept

Define a solution

UX strategy
Define design KPI
Low fidelity design
Future state journey
Prototype
Concept Testing
Usability Testing

03

Detail Design

Make it real

Visual design
Design specs
Design system review
Transitions/Animation

04

Design QA

In development

Visual Design QA
Experience Design QA
Design system QA
Audible UX QA

Persona

I conducted in-depth interviews with three distinct groups of target users: those familiar with Web3, those interested in Web3 but not yet involved, and habitual users of dating and social apps.

Painpoints

Expectations

Jackie

Crypto Trader

Lack of opportunities to show my NFTs and use them. Lack of communication with Web3 lovers.

Join a Web3 community to talk about crypto and Web3 technologies.

Emily

Web3 Beginner 

Explore the web3 industry further and engage with like-minded individuals passionate about it.

Web3 can be overwhelming, and just setting up a virtual wallet can be a real challenge.

Allen

Socializer

Tired of dating apps' "Swipe" matching mechanism and wish to chat directly with the people I like.

Discover a more liberated and imaginative approach to connecting with individuals.

 Ideation

Establish a vibrant Nuwa space to embark on a new journey and foster lively social connections.
 User Journey - Storyline 
Welcome to Nuwa Spaceship
Identity Test
Get Your Nuwa ID
Welcome to NUWA
Connect with people here
Functions
Sign up
Identity
Test
Get Unique SBT
(Test Result)
Home page
Use the app and chat with people

Problem Statement

persona1-01_edited.png

How might we design a user-friendly social metaverse platform that:

1. Have a smooth registration and login experience with a unique personality test.

2. Have creative interactions that fit the theme of the NUWA planet and enable seamless interactions between users.

3. Incentivizes users to create and share content while fostering a positive community.

 01 Problem 

"How might we design a smooth registration and login experience with a unique personality test?"

 01 Solution 

  • Registion Flow

1. Landing page: Allow Apple account and email sign-up/sign-in.

2. Enter your email and verification code.

3. Create a profile: Collect the user's basic information like username, gender, and age.

  • Personality Test

4.

5.

6.

Transition page: Smooth transit from profile creation to personality test. 
 
Personality Test Pages: Five simple and interesting questions could help us categorize users by their personality and better match users with similar people.
 
Have positive feedback animations after selecting options for each question and a progress bar above the questions to increase the completion rate of users completing the test.

The last question in this personality test comes in the form of a multiple choice form to reduce the feeling of pressure on people to do the test, and these tags will appear in the user's personal profile so users can get a preliminary idea about others when visiting other users personal profile.

  • Get your SBT/Turn on notification

7.

8.

9.

Transition animation: Smooth transit from the test to a result page. A loading page is needed before presenting the test results to represent the analysis process in a real situation so that it is more logical and the results are more convincing.

Soulbound Token Page: The Soulbound Token is act like a test result in this phrase, it has the same function as an ID

Using the Account ID card form to demonstrate the concept of a Token in a vivid and graphic manner, 
reduce people's understanding of the cost.



Open access to notifications and location: The last step before getting into the homepage is "Turn on the notification and share location". This is very important in social App, turning on notifications will make users more active, keep them engaged with your app, showcase its value, and convert your user into a paid customer. Sharing the location will allow us to better match users by distance and improve the user experience.

02 Problem

"How might we design creative interactions that fit the theme of the NUWA planet and enable seamless interactions between users?"

02 Solution 

We've made an innovation in the interaction design of our home page, setting it apart from conventional social apps and the swiping mechanism seen in dating apps.

Our approach aligns seamlessly with the planetary theme and Web3 technology, enabling users to assume the role of planet inhabitants represented by light points. Users can freely rotate the planet, explore online players, click on these light points to access user profiles, and initiate direct chats or follow one another.

Homepage

The filter allows you to choose whether to display individuals on the planet as male, female, or both.

Filter

You can tap the icon or shake the phone to switch the batch of people displayed on the planet.

Shack

You can rotate the planet and click on the dots above to view the user's profile, follow them, or chat.

NUWA Planet

Quick Match

Immediately match with people who have similar interests.

Chat Pages

Quick Chat

Successful online matches can chat directly.

Interests

Other people's interests are displayed on the chat page, prompting users to start a related topic.

Emojis

The app customizes emojis with exclusive effects to attract users.

 03 Problem 

"How might we incentivizes users to create and share content while fostering a positive environment?"

 03 Solution 

​1. We have developed a well-established engagement mechanism for promotion incentives. 

Finish tasks to upgrade, and win game coins and NFT, coins can be withdrawn through the exchange platform (Binance), missions include:

​

  • Daily Check-In

  • Invite Friends

  • Share your stories (post)

  • Comment on other users' posts and initiate interactions

Profile

2. We have implemented features that encourage engagement, such as likes, comments, shares, and direct messaging. These interactions are easily accessible and add value to the user experience.

This is the "Moment" page in the app, where we post new events and news in the banner area, where users can share moments of their lives, as well as insights and information about web3.

People can swipe those posts through like swipe in TikTok to see videos or images posted by other users and interact directly with creators they interested in.

Moment

​Easily like and comment

To increase interaction, there is an entry point for clicking on likes and comments both when the post is clicked on and in the preview state.

Directly chat with others

If the user wants to chat with someone directly from the post, the user needs to send a gift to start conversations.

Next Step

After conducting a comprehensive usability test and gathering invaluable insights from the user community,I have summarized the following points for improvement:
 

Create your own PFPS
3D Animated Avartar Sticker
AR Camera
Virual Party
Avatar Chat
Dress Yourself Up

Social Media Posts

Result

During my tenure (June 2022 - June 2023),Nuwa received positive feedback on user experience.
Within a month of launch,

Total Users

300K

DAU

25K

The project will continue exploring further possibilities in Web3 and achieve its commercialization goals.

bottom of page