Frontier Wallet
Frontier Wallet
Redesigning Frontier's landing page so multi-chain support is clear
Redesigning Frontier's landing page so multi-chain support is clear
My Role
UI/UX Designer
Timeline
3 weeks
Overview
Frontier Wallet is a non-custodial crypto wallet that holds assets from many blockchains in one place. We redesigned its landing page to show that multi-chain support clearly.
Frontier Wallet is a non-custodial crypto wallet that holds assets from many blockchains in one place. We redesigned its landing page to show that multi-chain support clearly.
Our Challenge
The previous landing page for Frontier was dense with information but failed to emphasize its key feature: multi-chain compatibility. Users, especially those new to Web3, couldn't tell that Frontier let them work across networks like Ethereum, Cosmos and Solana. The challenge was to simplify this complex concept into a visually engaging and user-friendly experience while maintaining the technical depth for advanced users.
The previous landing page for Frontier was dense with information but failed to emphasize its key feature: multi-chain compatibility. Users, especially those new to Web3, couldn't tell that Frontier let them work across networks like Ethereum, Cosmos and Solana. The challenge was to simplify this complex concept into a visually engaging and user-friendly experience while maintaining the technical depth for advanced users.
Our Approach
Conceptualizing the Visual Narrative
Drawing from user insights, I developed a design metaphor centered on the concept of galaxies to represent different blockchain ecosystems. This metaphor helped unify the design language while simplifying complex blockchain features.
Ecosystems as Galaxies: Each blockchain ecosystem was represented as its own "galaxy" within the Frontier Wallet universe. Showing each chain as its own galaxy made it clear how many blockchains Frontier supports, and tied the page together under one theme.
Conceptualizing the Visual Narrative
Drawing from user insights, I developed a design metaphor centered on the concept of galaxies to represent different blockchain ecosystems. This metaphor helped unify the design language while simplifying complex blockchain features.
Ecosystems as Galaxies: Each blockchain ecosystem was represented as its own "galaxy" within the Frontier Wallet universe. Showing each chain as its own galaxy made it clear how many blockchains Frontier supports, and tied the page together under one theme.
Wireframing & Iteration
I created low-fidelity wireframes to experiment with different layouts and information hierarchy. The primary goal was to:
Simplify Navigation: Ensure that users could easily understand how Frontier supports different blockchains with a clear, intuitive layout.
Highlight Core Features: Place the emphasis on Frontier’s unique offerings like multi-chain support, non-custodial functionality, and staking options.
After multiple iterations and feedback from stakeholders, the final wireframes were converted into high-fidelity prototypes using Figma.
Wireframing & Iteration
I created low-fidelity wireframes to experiment with different layouts and information hierarchy. The primary goal was to:
Simplify Navigation: Ensure that users could easily understand how Frontier supports different blockchains with a clear, intuitive layout.
Highlight Core Features: Place the emphasis on Frontier’s unique offerings like multi-chain support, non-custodial functionality, and staking options.
After multiple iterations and feedback from stakeholders, the final wireframes were converted into high-fidelity prototypes using Figma.
Visual Design & Interaction
I designed a modern interface that showed off Frontier's technology but stayed easy for beginners to use.
Responsive Design: Ensured that the website was fully responsive, optimizing the user experience across desktop, tablet, and mobile devices.
Animations & Micro-Interactions: I designed an onboarding animation for first-time users, added subtle animations, such as hover effects and scrolling transitions, to make the page livelier without getting in the way.
Visual Design & Interaction
I designed a modern interface that showed off Frontier's technology but stayed easy for beginners to use.
Responsive Design: Ensured that the website was fully responsive, optimizing the user experience across desktop, tablet, and mobile devices.
Animations & Micro-Interactions: I designed an onboarding animation for first-time users, added subtle animations, such as hover effects and scrolling transitions, to make the page livelier without getting in the way.
