UX/UI Design and Branding for a Web3 Trading Platform
UI/UX Design
Branding
Designed for clarity, conversion, and growth
client
Galaxy
industry
Web3
timeframe
3 months
headquarter
Malta
About project
.png)
{/}
Challenges &
Solutions
Problem
Our client needed a full brand identity, a website that clearly explains their complex DeFi offering, and a smooth WebFlow build from scratch. The main challenge? Make a technical product simple and trustworthy with the experience that speaks to retail users and crypto-native audiences.
Solution
We began with competitor and user research, then created a clean grid layout based on the provided content. Our solution: a minimalist branding and design style to keep the focus on important features. Animated illustrations made the product lively and more dynamic.
Process
{/}
Arounda design process began with in-depth competitor and user research to understand current DeFi trends. We then collaborated with the client to create moodboards, wireframes, UI concepts, and layouts that reflected the desired brand identity and UI/UX design.
1
Discovery
Briefing & onboarding
TA Research
Competitors Research
2
UX Design
User Flow
App Flow
Wireframes
3
UI Design
Moodboard + Concept design
Layouts design — Desktop
Adaptive design
Design system
{/}
Competitor
analysis
Our team analyzed similar DeFi platforms to define the right structure, content blocks, and calls to action that would guide users effectively. We also paid close attention to how other products perform to create a wow effect for this project.
No items found.
{/}
User research
The project focused on two user types: advanced DeFi users and curious newcomers. One group required powerful tools with a clean and fast interface. The other sought clarity and a seamless onboarding experience. This research provides a direction for balancing functionality with simplicity for all users.
{/}
User research
The project focused on two user types: advanced DeFi users and curious newcomers. One group required powerful tools with a clean and fast interface. The other sought clarity and a seamless onboarding experience. This research provides a direction for balancing functionality with simplicity for all users.
Noah James
THE DEFI MAXIMALIST
33 year old • Full-time Crypto Trader
BACKGROUND
Noah has been deep in the DeFi space for several years. He actively uses multiple dApps daily and thrives on complex strategies involving liquidity pools, yield farming, and flash loans. He’s always searching for platforms that offer speed, flexibility, and composability.
Goal and needs
- Wants to diversify investment portfolio by including cryptocurrencies.
- Seeks a platform that offers educational resources and straightforward investment options
Challenges
- Most platforms are either too limited or overly complex.
- Wants to avoid slow, buggy UIs or systems that oversimplify for casual users
GT Protocol features
- Streamlined UI that supports pro-level use without sacrificing clarity.
- Fast access to yield-generating dApps, including real yield and flash loans.
- Clean layout with animations that guide without distracting.
Maya Lopez
THE CURIOUS ADOPTER
27 year old • Product Manager at a Web3 Startup
BACKGROUND
Maya is well-versed in tech but relatively new to advanced DeFi mechanics. She’s researching platforms that allow her to experiment safely and learn more about how tools like flash loans work. A visually clean and intuitive experience is key.
Goal and needs
- Understand and test DeFi mechanics like real yield and token strategies.
- Find an interface that teaches through interaction, not jargon.
- Manage assets and risks easily while exploring complex protocols.
Challenges
- Intimidated by technical DeFi terms and complicated dashboards.
- Needs transparency and onboarding built into the user journey.
GT Protocol features
- Minimalist design with structured, educational layouts.
- Helpful animations to explain complex financial flows.
- Smooth, intuitive interface that balances learning and functionality.
Wireframing
{/}
Wireframes mapped out the website’s structure and defined the content hierarchy and user flow early on. This helped us determine the optimal placement and amount of text, visuals, and interactive elements before moving into the design phase. The client got a preview of how everything would come together.
{/}
{/}
Moodboard
We divided the moodboarding process into three parts following the client’s style request: gradients, animated pictures, and overall website structure. We focused on minimalistic, well-organized website designs with captivating space-themed illustrations.
{/}
Web Application Design
.png)
{/}
Responsive design
Our approach - a mobile-first mindset for clarity, speed, and ease of use on the go. Because we understand the importance of conducting operations at all times and in any location. That's why the layout, visuals, and animations stay smooth and functional whether viewed on desktop, mobile, or tablet.
.png)
{/}
Styleguide /
Design System
Our client received a ready-to-scale design system with clear rules for every element with colors, typography, buttons, and icons. The full style guide keeps the Galaxy platform consistent and makes future updates clear and easy for design and development teams.
No items found.
{/}
No items found.
{/}
No items found.
{/}
Results
No items found.
