Cryptokey: A Blockchain Market Platform
Translating complex blockchain yield mechanics into a high-trust, professional investment platform for the long-term.
The Challenge: Clarifying the Crypto Market
In a market often defined by short-term volatility, the client envisioned Cryptokey as a stable, long-term alternative. The goal was to provide a professional service for investing in Crypto Farms. As the sole designer, I needed to take a complex technical concept and make it accessible, transparent, and data-centric for investors who value security over hype.
The Mission:
Demystify the Investment: Use clear 3D metaphors to explain “Sustainable Practices” and “Security First.”
Visual Trust: Shift away from the anonymous aesthetic of the crypto world into a clean, SaaS-style professional interface.
Data-Forward Design: Manage massive amounts of real-time farm data (APY, TVL, Duration) without overwhelming the user.
Strategic Research: The Chameleon UI
I found that while the core investment mechanics are similar, every crypto farm has its own distinct branding. To honor the “Farm” while keeping the Cryptokey platform unified, I developed an Adaptive Branding Strategy.
The Global Framework: The header, footer, and navigation stay consistent in a neutral Black/White/Grey palette.
The Content Identity: Each inner farm page and search card “adopts” the colors of the specific token (e.g., Green for BLMX, Blue for DAO Maker). This allows users to navigate by color recognition while maintaining a single, unified user experience.
The User Journey: From Explorer to Investor
The Discovery (Landing & Search)
We built a “Mega Search” that allows investors like Ben to filter by Blockchain Chain (Ethereum, BNB) and Min/Max APY.
The cards clearly display the “Time Duration,” helping investors find a commitment that fits their long-term goals.
The Deep Dive (Farm Dashboard)
Once a user enters a farm, the focus shifts entirely to Data Visualization.
The North Star: The Current APY (582.44%) is the most prominent element on the screen.
Performance Tracking: A custom “Staked Over Time” chart (showing 182.44% growth) allows investors to switch views by year to visualize the increase in value.
Seamless Access: Direct integration for “Connecting Your Wallet” and “Depositing” assets ensures the path to investment is frictionless.
Technical Features & Accessibility
Dark vs. Light Mode: A critical feature for the investment community. I ensured that the “Chameleon” brand colors remained highly readable and visually balanced across both modes.
Responsive Complexity: We re-engineered complex data tables into stackable cards for mobile, ensuring that the APY and Deposit actions remain at the top of the screen on the first scroll.
Informing the New User: By placing informative sections at the top of the homepage, we built an immediate “safety net” for users who are new to the world of crypto farming but eager to start.
Project Impact: A Professional Perspective
Cryptokey successfully launched as an informative, high-clarity site. By focusing on data-driven charts and providing a “full view” of every aspect of the company, we transformed a complex blockchain service into a legitimate, exciting investment opportunity for the modern user.
Cryptokey's Wireframes
more projects
