← All work
2023 · Startup · Web3 · UI/UX

NFT

A platform where people can freely design their own NFT profile picture and buy and sell NFTs: avatar, app and WeChat H5 side.

Startup Web3 Illustration

Project overview

This was my first project after finishing my internship, working alongside a product manager on an outsourced assignment: a relatively new NFT custom-trading platform based in China, targeting young users who wanted the freedom to personalise and trade their own NFTs.

Back in 2022, NFTs in China were still in their early days, nowhere near as developed as in the West. While Western NFTs were often tied to investment and finance, the scene in China was more about fashion, culture and creative expression, and the space felt like a blank canvas with very few examples to learn from.

So our team took a "light digital culture" approach, tapping into the curiosity of young users who love exploring trends. Instead of pushing the profit angle, we focused on customisation, style and self-expression, making NFTs feel more like digital fashion or collectibles, and brought the experience into spaces young people already used daily, like WeChat mini programs.

My contributions

The team was small, just four of us: a product manager, a developer, someone handling marketing, and myself. Over a one-month sprint I took on multiple roles, covering product design, visual design, promotional assets and illustration work.

Logo & wireframes

The full NSpace logo lockup with tagline: 'NFT Online Trading Publishing Platform. Come and get your first nft!'
The full lockup, with tagline

Logo Design

The logo I designed adopts a simple, modern geometric structure with the letter "N" at its core, drawing on the artistic form of the game Monument Valley to represent infiniteness and playfulness. It originally shipped with a switch animation, since lost with the damaged AE file.

Wireframe flow for the wallet app and WeChat H5, covering onboarding, NFT purchase, minting and sharing
The wireframe flow: wallet app on the left, WeChat H5 on the right
Animated screen capture of the After Effects project used to animate the bottom navigation icons
A fragment of the recovered motion work: animating the bottom navigation icons in After Effects

Wireframe: Ports and Functions

For the wireframes we built two platforms: the app focused on advanced features for experienced players (detailed stats, customisation, community forums for strategy) while the WeChat mini program prioritised quick access for NFT beginners, highlighting collection and fast trading. Both share a clean header, a dynamic home screen with featured content, and easy access to profile and settings.

Two phone mockups: a 'your digital collectible has been minted successfully' confirmation screen, and a welcome/gallery home screen showing a grid of owned NFTs
Minting confirmation and the collectibles gallery home screen
Dark-mode phone app screen showing a digital collectible avatar on a glowing pedestal, its issuer, and a 'join the event' call to action, in Chinese
The collectible reveal screen: customised avatar, issuer and story
Three phone mockups: a share-to-WeChat panel, the collectible detail screen with its 'work story', and the gallery home screen
Sharing a collectible out to WeChat
A tiled overview of app screens, including the wallet/blockchain-address screen, a 'start minting your digital collectible' loading screen, and a transfer-rules explainer
Wallet address, minting and transfer-rules screens
Wireframe-style phone mockups for sharing a collectible and claiming a limited-edition NSpace virtual avatar
Claiming a limited-edition avatar through a community activity
Collectibles Gallery
Lets users curate and showcase their NFTs, browsing everything they own and gifting pieces to friends, turning digital ownership into a more social, meaningful experience.
Showcase Your NFTs
Lets users display their customised NFTs on social media. For many young people in China, NFTs are a way of showing off personal style, almost digital fashion, so a shareable card was key to encouraging self-expression.
NFT Community
A space to design and share NFTs, discover other people's designs, and earn them through community activities, giving young users the sense of belonging they were after.

Colour & visual style

#18191E · #1F69FE · #979797: a modern, tech-forward palette chosen for a young Chinese audience in the NFT space. Deep grey and black lend mystery and sophistication; the bright blue adds energy and a digital feel; light grey keeps things sleek; white adds freshness and clarity.

Visual Style

For the character design, I drew inspiration from some of the most popular street style and pop-culture trends in China at the time. Elements like blonde hair, dreadlocks, ear piercings, and visual references to iconic films like Avatar were incorporated to resonate with young users, aiming for a look that felt bold, expressive and instantly relatable, something that made the NFTs feel personal and culturally relevant.

A detailed illustration of one NFT avatar character, with two-tone dreadlocks, a star and ring earring, and a black hoodie
One character, rendered large
Diagram showing how each avatar is built from layers: base head, face, hair, hoodie and headphones, combined into the final character
Every avatar is generated from the same layered system

"Playful" Illustration Style

In December 2022, China's NFT development was still at an early stage; the market remained in a regulatory grey area, with relatively low financial attributes but a strong focus on collectible and trendy cultural elements.

This visual system followed a "decentralised, light digital culture" strategy. It intentionally reduced the financial visual cues commonly associated with NFTs, aligned with the aesthetics and usage scenarios favoured by young users (social media, avatars, the metaverse) and retained a solid foundation for IP scalability and customisation.

A grid of twelve custom NFT avatar designs, each with distinct hair, accessories and style
A selection of the customisable NFT avatars
A circular NSpace branding graphic on black, combining a hero character with the platform logo and a grid of smaller avatars

What I learnt

The entire design process: market learning → design strategy → wireframing → prototyping → high-fidelity design → docking with programmers → presenting to product managers → integration and iteration. This project taught me, start to finish, how a product actually gets designed.

Adapting to a startup team: closely collaborating with a product manager, marketer and engineer sharpened my ability to rapidly adapt and work with diverse team members to design and launch a new product.

Communication and problem solving: frequent friction with the programmer and other functions taught me how to communicate across disciplines and resolve problems effectively.

← Xiaomi Auto Innovate ADHD →