The JoCreate team asked us to develop a stylish and easy-to-use service for creating NFT collections for desktop and mobile versions, with integration into the most popular marketplaces.
The role of our team in this project was not only to implement solutions. The main goal was to identify these solutions through UX research and competitive and business analysis, such as choosing the best technologies, integrations, and even the best way to synchronize different third-party platforms with our service.
We analyzed the best competitors in the field of crypto & NFT using a SWOT analysis. We conducted a business analysis to find the best way to implement the features correctly and bring profit to the product.
The main goal of the SWOT analysis for this platform was to identify the weaknesses of competing platforms and turn them into our strengths.
During the SWOT analysis, we found the following problems:
So we were able to optimize the builder and add such important and unique features as synchronization with the most popular marketplaces, tracking the statistics of your collections and profiles in one place, generating in the form of a constructor, linking your crypto wallets to withdraw funds from marketplaces, web and mobile applications with autosaving.
The main goal of the BA for this platform was to describe the functionality through the user story and documentation of each function, through:
During the BA, we explained to the client the characteristics of the solutions we had collected and outlined their benefits and risks.
Based on our client’s data and the results of our research, we created an informational architecture for the platform.
Through a series of iterations and deeper dive exploration sessions, we clarified the vision for the application, allowing us to work through the details together, including integration of NFT marketplaces with our platform for instant upload of generated collections, synchronized analytics, and statistics on collections and NFTs, the constructor for 4 types of assets. As a result, we arrived at seven main flows that we continued to develop: authorization, onboarding, collection constructor, uploading a collection to the marketplace, analyzing and viewing statistics, connecting crypto wallets, and withdrawing funds.
User flow is a visual representation of the sequence of actions the user takes to achieve their goal. Our team built future steps and continued working on the interface to determine how users achieve the goal, calculating positive and negative scenarios. The diagram below shows how easy the constructor is to use. There are clear steps, the collection can be previewed at any stage, and once created, it can be uploaded to the marketplace in a few clicks.
Turn the analysis results into a user-friendly interface that follows good usability rules, solves users’ needs, and makes their journey as smooth as possible.
We created wireframes and clickable prototypes as an integral part of working on the design structure, testing and improving the user journey before moving on to the final mockup design.
This stage helped us understand the logic and structure of the future service. We created and approved prototypes for each flow, working out all possible states for each screen, deciding on the size and number of containers for illustrations, and checking the usability and clarity of each flow.
To determine the visual direction and style of the interface, our team created a mood board and coordinated it with the client. It allowed us to choose the most appropriate solution at the earliest stage.
Based on the research and the direction chosen in the mood board, our team created the first visual concept of the site, which demonstrated the chosen style in real conditions before creating the finished UI design. The mood board helped us decide that the platform should be in light pastel colors, with an emphasis on typography and muted color accents, minimalist line icons, and illustrations.
The main color for the interface was chosen to be a pastel beige so that it doesn’t distract from important information and doesn’t overload the design, in addition to the bright NFT assets. We chose a specific color for each step in the process of creating a collection and uploading it to the marketplace, which is associated only with that step. The general style is in the form of cards, which resembles an NFT asset.
The process of creating and selling NFT collections is a new technology and not immediately clear to everyone. Therefore, we created a nice and understandable onboarding that describes the process. In addition, the user is guided through the application with hints and tutorials, improving the user experience and helping to achieve goals in the interface faster.
By synchronizing with different marketplaces, users can track all the statistics for their collections, NFT assets, and profile through our platform. On the Dashboard tab, they can follow their NFT transactions and track the conversion for each collection (viewed, purchased, favorited, collected). And with a premium subscription, they can even compare analytics from different marketplaces for the same collection / NFT.
Users can add up to 30 different layers to a collection. They can choose from the most popular layers, divided into 4 categories (characters, plant life, inanimate objects, abstraction), or add their own (if they did not find one in the list). When adding your layer, you can choose any icon available on the platform or upload your own.
In the final step of creating a collection, the user must specify properties for each layer added. At this stage, he can remove the unnecessary layer if he changes his mind about adding it to the collection. The order of layers can be easily changed by dragging and swapping the desired layers. When adding images to a layer, you need to set the rarity for each added object and the whole layer.
Since the collection upload is synchronized with the NFT marketplaces, when setting the price for NFT objects, the user can choose from the available blockchains and payment tokens (for example, Opensea has only 2 available blockchains - Ethereum and Polygon). Also, at this stage, you can remove the NFT from the collection if you change your mind about uploading it, so you don't have to return to the first step (NFT selection).
The price for each NFT is set separately. You can choose a fixed price or a timed auction. The settings change depending on the option selected. The user can also set a fixed duration, reserve the NFT for a specific buyer, and set a separate commission for each asset.
Our team is currently working on adding 2 new content types - virtual worlds and domain names - to attract even more talented people and companies to our platform.
We plan to develop our marketplace so users can sell collections and NFTs directly on our platform via 3 blockchains (Ethereum, Bitcoin, and Polygon).
Our design team is creating the platform's collection of NFTs - animated 2D heroes that will be sold on our platform and third-party services.