Collectible Explorer

View Website
Description
Deciding which projects to follow and which communities you want to participate in has become a difficult task in the NFT space. How can we create an NFT detail page that is unique, exciting, and gives users the tools they need to make informed decisions about the projects they love? I lead the user experience and design for building this feature.
Services
Interaction Design
UI/UX Design
Project Lead
Research
Client
Yat Labs

How we built it

In the fast-evolving NFT space, community significance is undeniable. Our project aimed to create a unique, fun, interactive experience highlighting communities and offering users real-time insights into projects, individual collectibles, and collections.

Getting Started

The first step we took was analyzing other marketplaces to see how they display information about collectibles and determine what information was most useful.

Below are a few marketplaces we analyzed.

Exploration & Iteration

After researching other marketplaces, we took the information we learned and created some early wireframes for the experience. A big part of this project was emphasizing the community behind the asset and surfacing relevant information to the user such as activity from other owners within this collection, similar assets they may be interested in, a list of top holders within this collection, and detailed information about the owner of the asset.

We choose not to include analytical data such as charts and graphs because we wanted this experience to feel interactive and explorative like a video game instead of a data tool that many other products already offer.

Wireframe refinement

Once we had a basic idea of how we wanted to lay this page out, we broke down each module and refined the information we wanted to show on this page.

Thinking outside of the box and trying something different

After a few rounds of exploration, we realized that we were trying to include too many elements on the page and the information about the asset itself was starting to get lost. We decided to completely rethink how we wanted to structure this page.

To solve this, we cut out many of the collection-level modules and focused on the asset itself, along with refining the information we display about the community.

The mobile experience

We knew a layout like this would be difficult to replicate on mobile so instead of just scaling everything down, we decided to create a tailored experience that utilizes familiar gestures and layouts from popular apps like TikTok and Instagram.

The community activity panel

One of the greatest aspects of the NFT space is the communities behind each project. We wanted to create an experience that highlights these vibrant communities.

To do this, we created a module that displays real-time activity from asset holders within that collection. This allows users to see what people from that collection are buying, selling, minting, or trading. We believe this will be an incredibly powerful tool that will allow users to make informed decisions about the communities they are looking to join or are already a part of.

Interactivity

Making this page highly interactive was a major part of this direction. We wanted this page to always feel alive and active as if it was a live stream. We took a lot of inspiration from streaming services such as Twitch and YouTube to build an interface that gives the user that same feeling.

While viewing a collectible, the main content area acts as a stage for notable events that happen to this asset or collection and will change depending on that activity.

Below is an example of how the interface reacts if the floor for this collection goes up or down.

Challenges & Learnings

The project's major challenge was creating an engaging, informative experience that encouraged return visits. Drawing inspiration from video games and casinos, we incorporated animations and interactions for liveliness. Another challenge was using community activity data to guide user decisions, a feature not seen in other marketplaces but extremely valuable in the NFT space.