top of page

Design a responsive website for an NFT marketplace.

An intends to be peer-to-peer with beginner-friendly designs that make discovering, selling, buying, and learning about NFTs simple and enjoyable.

thunder-nft-banner.png

Overview

Non-funding tokens, or NFTs, are digital assets that resemble real-world goods such as art, music, media, etc. They are unique and can be purchased and sold using cryptocurrency. Thunder NFT Marketplace intends to be a peer-to-peer NFT marketplace with beginner-friendly designs that make discovering, selling, buying, and learning about NFTs simple and enjoyable.

Role

UX Researcher, UX Designer, UI Designer

My Contribution

Conduct Interviews, User Personas, Journey Maps, User Flow, Wireframes, Prototypes, Usability Studies, and UI Designs.

Timeline

July 2022 (3 weeks)

thunder-nft-user-centered-design-process.png

Competitive analysis

Research about competitors is the best method to know what patterns users might expect from this type of service experience, but it also gives us hints of what features might be added.

thunder-nft-user-competitive-analysis.png

Secondary Research

In the second step, I researched the NFT marketplace through blogs and articles, and referred to some video tutorials to understand more about NFT and blockchain's user journey.

The outcome of secondary research

  • Gained a basic understanding of the problem space.

  • Collected data points are necessary for the users who are transacting in the NFT space.

  • I understood the buying and selling process of the NFTs.

  • Motivate creators with platform earning history and collectors with a show of the Hot Collection.

Pain points

These are common topics that have come up in meaningful insights. Hence, I think these points are important.

UI Design

A platform with an easy interface and a straightforward process for NFT minting, tracking auctions, and processing sales.

Motivate User

Climbing the ranks as a top NFT creator in order to gain more recognition for their work; prefers working on investor purchases over client work.

Secured system

Additional precautions and security that aid in determining the legitimacy of accounts to avoid scams.

Sitemap

A user flow is a diagram that displays the complete path a user takes when using a product. The user flow layout is the user's movement throughout the product.

thunder-nft-user-site-map.png

Digital wireframes

While creating digital wireframes, my main aim was to focus on the content and usability of the app screen and then the design.

Usability study

To test the ease of navigation by observing how users move through the app while the following task prompts.

Methodology

Usability tests were done via Google Meet. I wrote a script and a protocol for the testing process and asked the user to perform certain tasks, identify clickable parts of the prototype, and give observation and feedback.

​Demographics

A total of 5 participants are age group of 18 and 50 people who use the NFT marketplace. Two people less than 1 year, three people above 1 year, and One participant is new to the NFT market. 

Style Guide

A style guide is a document that contains design guidelines for each frequently used design element, such as visual identity elements, icons, and interface components.

thunder-nft-style-guide.png

Mockups

UI design is the process of creating the visual elements of an application. I strive to keep things simple and trendy for the ThunderNFT screen. So users will easily locate the information needed.

Takeaways

Here are Two of my key takeaways

Always focus on the real needs

I learned that even small design changes can have a huge impact on the user experience.

The most important takeaway for me is to always focus on the real needs of the user when coming up with ideas and solutions.

Documentation

The process of documentation is one of the ingredients for success. Sometimes we might miss something in a conversation that could be the key to a better product solution.

Thanks for taking the time to read my case study!

If you have any feedback or would like to get in touch, please feel free to contact me.

bottom of page