Overview

Leveraging visually-compelling language to make the niche cyberpunk-themed NFT collection more approachable, accessible and appealing for the creative talent 🔮

Cybertino is an new rising NFT trading platform collecting and selling interactive and animated digital assets about cyberpunk, speculation, virtual world across design, art, music and tech fields. Most of these collections are niche and futuristic. Users are mostly speculators or fast profit guys. The decentralized network and NFT exchange lacks security, diversity, and accessibility. With that mind, I decided to make an UI/UX case study on one NFT platform, Cybertino, to seek opportunities in demonstrating values to future investors and delve into more compelling and secure methodologies to entice and retain creative people to help Cybertino thrive among NFT marketplace.

Duration

Spring2022 (3 Weeks)

My Role

Individual Project - UX Designer

Design Role

Case Study, Sprint Design, UI Analysis & Design, Prototyping, Visual Systems

Try the [Figma Interactive Prototype]

Jump to the [Final Design]

Context

*NFT is the non-fungible token. They are digital assets that represent real-life objects like art, music, videos, even domain names, twitters. It serves as a proof of ownership of the assets and cannot be duplicated using the blockchain tech. *Block-chain is online ledger/database where digital assets and user transactions are stored, forming an encrypted and secure way to trade.

Original Site Analysis

Cybertino is a gif/video-based NFT trading platform available for everyone who interested in arts, music, cyberpunk, avatars, cards, virtual worlds, especially. It enables users to collect, trade, and tokenize contents and NFTs.

Competitive Analysis

Empathy Mapping

Heuristic Evaluation

Functionality & Opportunities

✦ Final Objectives ✦

A visual restructure to the responsive design of the NFT mobile platform for simplifying blockchain's complex trading into an intuitive and clear exchange platform to enhance the usability and clarity

Journey Map

Flow chart

Wireframes

Moodboard

Style Guide

Triadic Color Schemes

I picked colors from the top collectibles on Cybertino and create triadic color schemes based on the brand theme color cyan with slight adjustments in color hues and saturation to make the look futuristic, fresh and exclusive, and compelling. Using light pink and yellow-green as accent colors to create vibrant gradients that enhance visibility and uniqueness. Applying these colors on black background create high contrasts and helps users to see the highlighted elements/info without harming our optic nerves.

Interfaces

Video Demo

Try the Interactive Prototype yourself :D

AR NFT