top of page
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
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