BROZO
BROZO is one of the top NFT collections on Polygon. They're aiming to create the biggest & best web3 native brands in the world through art and culture.
Client
Brozo
Year
2023
Category
NFT Collection
Type of Work
– Wireframing
– UX Consultancy
– UI Design
– Prototyping
When I was approached to design the website for BROZO, I jumped at the opportunity.
They had all of the ingredients to launch a successful NFT collection in a space that is extremely competitive.
The first meetings I had with the BROZO team were to scope out their site requirements and really dive into the details to find out what their overall goal was.
From that call, I started to look at other NFT collection websites and started working out what content users are familiar with seeing.
I discovered that as a basis, NFT users expect to see an introduction about the project, an area that showcases the team and a page dedicated to the projects roadmap.
Another requirement from the team was to give the site a clean and minimal design. Branding and styling was given to me as a reference point to explore and expand on.
I used those to start forming what the visual identity of the site should look like.
I suggested to showcase statistics of the collection which helps reinforce how well the project is doing. After the statistics are displayed, a button directing the user to "View The Full Collection" is shown which takes them to the marketplace where they would be able to see the Brozo NFT collection on Magic Eden marketplace.
The team wanted to allow their community to download a high resolution JPG of any NFT from the collection. A common theme in NFT communities is suggesting someone has "Right Click Saved" an NFT.
Knowing this, I suggested we title this page "Right Click Save" to tap into the familiar wording that NFT users see and hear. The search field allows the user to enter an NFT ID and click "Search". Once they have clicked "Search" the results are displayed for that NFT ID. They are then presented with two options. "Download Hi Res JPG" or "Search for another".
Brozo Points is an area of the site where users can connect their wallet to view their Brozo Profile and see how many points they have accumulated. This design progressed into a staking platform with many more features.
Having seen a lot of various NFT staking platforms, one common theme I recognised was a large number of them expected the user to select each NFT individually and each card had a button below with the action.
I wanted to make the process of staking for the user a simpler, smoother experience.
To achieve this, I firstly added two tabs which allows the user to switch between "Staked / Unstaked". Secondly, I added controls to allow the user to select each NFT individually if they required, but also the option to "Select all / Clear All". This meant for anyone who held a large amount of NFTs they wouldn't need to spend a lot of time selecting each NFT individually.
Upon making a selection the user is presented with a call to action at the bottom of the screen asking them to "Stake". There is also an area that displays how many Brozo's the user has selected. This makes for a more simple and less cluttered user interface.
Once the NFTs are staked, the user is taken to the "Staked" tab where their NFTs will start accumulating points.