The Cudos NFT Allowlist Tool enables NFT creators to create and manage allowlists for their upcoming NFT drops on any Cosmos network, not only on Cudos. The tool will be integrated with the Keplr wallet, which is the most popular wallet for the Cosmos ecosystem. This will make it easy for users to participate in allowlists and mint NFTs. The Cudos NFT Allowlist Tool has the potential to make the Cudos blockchain a more attractive platform for NFT creators and collectors.
Our vision for Allowlist was to make it available for all Cosmos-based networks. It was crucial for the tool to be designed in a universal manner, so that it could be used across multiple networks and platforms. The design needed to be user-friendly, allowing for easy navigation, while also being captivating and interesting for its target audience. Addressing and managing these complexities was the primary challenge of the project.
The Cudos Allowlist Tool website has a clear structure and is easy to navigate.
The Homepage provides a clear overview of the tool's features and benefits. The "Features" section provides detailed information about the tool's features and functionality. The "Get started" section provides clear instructions on how to create an account and import an allowlist. The "FAQ" section provides answers to common questions about the tool.
The inner pages follow the same clear structure and ease of navigation.
The User Interface is build using a grid, that defines a single design style, rules for the arrangement of elements and alignment. The Grid speeds up the layout work and makes it look more aesthetically pleasing and proportionally structured.
Through iterative refinement, the concepts were visualized into High-fidelity wireframes, placed within the Grid. Then those wireframes evolved into comprehensive User Interface.
By creating the following Style Guide we ensure consistency across a project's UI/UX design. Some of the benefits of using a design system are: Consistency, Efficiency, Scalability and Collaboration.
By applying the Style Guide to the wireframes we created flows that allows each user to have an informative and straightforward user journey through the platform.