Design for GameFi Brand, Providing Integrated On-Chain and Off-Chain Functionality
ABOUT
Defina Finance is a Play-to-Earn blockchain game that combines DeFi (Decentralized Finance) and NFT (Non-Fungible Token) technologies. This allows players to own in-game assets and monetize them as they progress in the game. Defina's vision is to bring thousands of gamers into the blockchain world and explore entirely new gaming experiences through blockchain technology.
The main challenges in the design process included establishing a brand image and ensuring seamless compatibility between on-chain and off-chain. Through interface design and user experience optimization, we successfully achieved this goal, bringing a unique and intuitive user experience to Defina Finance.
The website integrates various dApps, such as staking pools, NFT marketplaces, NFT Merge, Migration dApps, etc. Through wallet integration, it connects and retrieves assets inside and outside the game.
01 Design System
#Battle / #Epic
Using pale gold and deep brown as the base colors, we combined the mystery of Onmyoji and Elementalists with the atmosphere of battles, presenting a stable and unique color narrative. The font choice includes "Rye" for titles and "Lato" as a versatile and easily readable font for content, calls to action, or explanatory blocks.
02 Website Planning
Homepage Structure
The homepage's layout starts by introducing the game's features and gameplay modes to attract players. Additionally, it emphasizes the personalization of NFT characters and showcases game animation effects, allowing players to feel the brand's charm.
Wallet Integration
Through connecting a hot wallet, I designed a simple and intuitive interface that seamlessly integrates on-chain and off-chain information. Users can easily access their wallet information and get a clear overview of their assets on the dashboard, making it convenient for users to manage.
UI/UX Design
In this project, I served as the Design Lead and managed the design team, responsible for the overall UI/UX design. With a background in front-end development, I was able to smoothly deliver the design output to the development team, and my familiarity with agile development ensured rapid iterations for the product.
This project showcases my comprehensive ability in interface design and blockchain integration, providing players with an intuitive and seamless gaming experience.
