Research

There was one thing our new userbase was asking for, and it was better NFT gallery population tools. Although we were one of the first, we were already being compared to competitors. It was increasingly necessary to dive into competitor analysis and find out how we could make this user experience better.

From the research, we decided that the most important thing to focus on was time. How could users log in directly with their wallets, then place all of their NFT's at once?

Additionally, based on our user data, most of our userbase was using web. We decided to pivot to a web-first model.
The image shows a comparison of features between different virtual platforms: Cyber, Cryptovoxels, and Kunstmatrix. It is laid out in columns and rows, with visual indicators (red X or green checkmarks) to indicate the availability of specific features. The platforms are compared on criteria such as interactivity, customization, and setup processes for galleries or exhibitions.

Design

A step-by-step walkthrough of logging into a gallery space for the first time, using Metamask for authentication. The image shows various screens, starting from logging in, loading the account, and finishing with a view of the virtual gallery, where the user can place items in frames. Various UI panels show selecting NFT content and placing it in the virtual space.A floor plan of a virtual gallery space labeled with numbers and split into different sections. It displays the order in which frames should be filled, labeled "Fill 1st," "Fill 2nd," and "Fill 3rd." The central area has a larger display space with instructions indicating where to start filling frames for an exhibit.
Once we got the ball rolling, the biggest challenge was coordinating with engineers to implement something seemingly simple. (Side note- because of our amazing engineering team, we were able to implement this entire flow in UNDER A MONTH.) 

We introduced a Metamask login and scoped out the flow from start to finish, assuming our users would want to instantaneously populate a gallery. We hit a roadblock when we realized our content management system wasn't suitable for this flow. It wasn't easy to navigate content, and there was no way to multiselect. So, the new "Stuff" menu was born.
A GIF showing a user logging into Metamask, selecting various NFT images, then clicking "Done." The user is prompted with "Turn on Auto gallery?". When the user clicks yes, the NFT images are placed in walls in a virtual gallery in frames with descriptions.
After multiple iterations with Eng, we were able to complete an MVP design including single frame upload and replacement. Unfortunately, for now VR headset would not have auto gallery functionality, and we would push users to our web platform.
This is a display of a virtual gallery interface designed for a Head Mounted Display (HMD). The screen captures illustrate scenarios of uploading and displaying content in a gallery. Different scenarios include a gallery where empty frames are visible or hidden by default, and another option where users can upload their content by selecting empty frames on a wall.
This image shows a detailed user interface layout featuring several screen captures arranged in a flow. The sequence depicts steps for interacting with or configuring various elements on a gallery wall, showing actions like selecting frames, placing items, or uploading. There is visual guidance and text annotations describing each stage, possibly related to an NFT or virtual environment setup.

Launch

Ultimately, we were able to design and ship a flow that took the user 50 seconds to lay out an entire gallery:
Back To Top
arrow_upward