top of page
NUWA- User experience of a Web3 metaverse social App
Project Overview
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
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.
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.
Jackie
Crypto Trader
Goals
Join a Web3 community to talk about crypto and Web3 technologies
Frustrations
Lack of opportunities to show my NFTs and use them
Emily
Web3 Beginner
Goals
Learn more about the web3 industry and talk to people who interested in web3
Frustrations
Learning and getting into web3 is too hard, even creating a virtual wallet is complicated
Allen
Socializer
Goals
Tired of dating apps' "Swipe" matching mechanism and wish to chat directly with the people I like.
Frustrations
Getting bored of the "swipe" dating apps
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
Milestone
Version 01: Smooth user experience
Basic functions include onboarding, a matching system, chat, moment, profile
01/2023-04/2023
Version 02: Engaging user experience and commercialization
Advanced functions include NFT Market, AR chatting system, virtual pocket
HMW & Solutions
01 Problem
"How might we design a smooth registration and login experience with a unique personality test?"
-
Registion Flow
-
Personality Test
-
Get your SBT/Turn on notification
02 Problem
"How might we design creative interactions that fit the theme of the NUWA planet and enable seamless interactions between users?"
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
Filter
The filter lets you choose to view individuals on the planet as male, female, or both.
NUWA Planet
Rotate the planet and click on the dots to view profiles, follow users, or start a chat.
Quick Match
Instantly connect with people who share your interests.
Shake
Tap the 'shake' icon or shake your phone to cycle through a new batch of people displayed on the planet.
Chat Pages Design
Quick Chat
To streamline the user experience and reduce fatigue from excessive swiping, the chat interface prioritizes direct engagement.
Match's information Display
Once a match is made, the user's information is prominently displayed at the top of the chat screen, providing immediate context and reinforcing connection.
Interests
A match's interests are displayed on the chat page, encouraging users to start relevant conversations.
Emojis
The app features custom emojis with exclusive effects to enhance user engagement.
03 Problem
"How might we incentivizes users to create and share content while fostering a positive environment?"
​1. We have developed a well-established engagement mechanism for promotion incentives.
Profile
Upgrade System
The task-based upgrade system is designed to encourage user engagement through a fun, rewarding experience. By completing tasks like daily check-ins, inviting friends, sharing stories, and interacting with others' posts, users can earn game coins and NFTs.
These coins can be withdrawn via a trusted exchange platform (Binance), adding a tangible, real-world incentive. This design motivates ongoing participation while fostering a sense of community and interaction within the app.
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.
Moment
Community
This is the 'Moment' page, where users can stay updated on new events and news featured in the banner area. It serves as a space for users to share life moments, insights, and Web3-related content. Similar to TikTok's swipe feature, users can browse through videos or images posted by others, interact directly with creators they’re interested in, and engage with the content in real time.
​Easily like and comment
To enhance engagement, users can like and comment on posts directly from both the preview state and the full post view, ensuring seamless interaction.
Gift-Gated Chats for Meaningful Connections
To initiate a chat directly from a post, users must send a gift, creating a more meaningful interaction.
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
bottom of page