How I do -
Crypto - UI Project
As part of a comprehensive UI Design course centered on Figma, this project demonstrates the effective utilization of Figma's robust design framework, tools, and collaborative features to create visually compelling and structurally strong interfaces.
The project emphasizes the strategic application of Figma's components, auto-layout, prototyping, and version control capabilities, ensuring the seamless integration of Style Guide across various digital platforms, including websites and mobile applications.
By leveraging Figma's real-time collaboration and design management features, this project highlights best practices in building scalable and cohesive user interfaces that align with contemporary UI/UX standards.
My role
- Designed UI and app structure.
- Developed design tokens and the Style Guide.
- Focused on user experience for NFT transactions.
Results
- Delivered a simple, robust NFT marketplace app.
- Achieved consistency with design tokens and system.
- Enhanced user engagement and usability.
The app features a clean and minimalistic interface with clearly defined sections for browsing, purchasing, and managing NFTs.
Core components, such as the search and filter functions, are designed to optimize the user experience, while the backend supports secure and seamless transactions in Ethereum.
The integration of design tokens and the Style Guide ensures visual consistency and scalability, making the app adaptable for future updates and enhancements.
The app is designed to offer a comprehensive and user-friendly experience across multiple screens.
The first screen allows users to easily search and explore a diverse range of NFTs.
The second screen provides tools for managing cryptocurrency balances, with a focus on Ethereum and tracking spending on digital assets.
The third screen displays NFT rankings, showcasing popular and valuable assets with their market values.
Together, these screens enhance the user experience and support informed decision-making within the NFT ecosystem.
This initial concept has the potential to evolve into a more comprehensive solution with added features.
A key aspect of the project's vision is to seamlessly deliver NFT information. To achieve this, it became evident that a custom icon set was essential, with each icon representing the core features established for the MVP model.
By combining intuitive design with powerful features, it empowers users to dive into the world of NFTs, discovering unique creations, managing their investments, and staying connected with the latest market trends.
The app includes a dedicated area where users can view their profile information and track the NFTs they have acquired. This section provides a clear and organized display of each NFT's details, including ownership history, current highest bids, and active offers.
It ensures that users have easy access to all relevant information, enabling them to manage their collections and stay informed about the market dynamics of each NFT.
Ultimately, the app aspires to be a gateway for both newcomers and seasoned collectors to unlock the full potential of the NFT ecosystem, making the digital art world more vibrant and connected, with a simple and straightforward login process designed to ease user entry and encourage widespread participation.
Style Guide
The Style Guide was meticulously crafted with a focus on fundamental design tokens that enable the scalable and consistent development of app elements.
By prioritizing these basic tokens, we ensured a robust framework for building the core structures of the app. This approach not only streamlines design implementation but also facilitates the maintenance and expansion of the app's interface, allowing for seamless updates and a cohesive user experience across all features and screens.
This project was extremely important so that I could learn to better organise the stages of creating a UI project and to better manage the growth of each component according to the project's existing standards.
