Overview
Cryptopio is a cryptocurrency trading and wallet application that allows users to buy, sell, exchange cryptocurrencies and manage portfolios. We design, creating a platform that balances complex data with usability and security.
Role
UX/UI Designer, Visual Designer
Responsibilities
UI design, UX research, Visual design, Branding
Approach
I started with in-depth competitor research and user interviews to understand the pain points of crypto traders and identify areas for improvement. Using this insight, I designed a clean, modern UI with intuitive navigation, ensuring that essential actions like buying, selling, and portfolio tracking were easy to access. A modular design system was implemented to maintain visual consistency, while interactive elements and real-time charts were optimized to enhance user engagement without cluttering the interface.
Challenges
The main challenge was making cryptocurrency trading accessible to all users, as many found existing platforms overly complex and intimidating. The platform also needed a responsive and scalable design to ensure a consistent experience across desktop and mobile devices. Additionally, incorporating real-time data visualization without overwhelming users required a careful balance between aesthetics and usability.
Project goals
- Design a clean, intuitive interface for all users and provide customizable dashboards to prioritize currency prices and market news.
- Implement 2FA during onboarding and add biometric login options for enhanced security. Use educational prompts to help users understand these features.
- Develop user personas to guide the design, ensuring inclusivity for both novice and advanced users.
- Highlight key data like portfolio balance and recent transactions with a clear hierarchy. Use charts and graphs to simplify complex information.
User Flow
The user journey begins with a simple onboarding process that guides users through account creation and security setup. Once logged in, users land on a dashboard displaying real-time market data and their portfolio overview. From there, they can navigate to the trading section, where they can execute buy or sell orders effortlessly. Additional features like price alerts, market insights, and transaction history are integrated into the flow to ensure users stay informed and in control of their investments at all times.
Low-fidelity Prototype
The low-fidelity prototype is an early design representation focusing on layout and functionality, with basic wireframes outlining key components like the dashboard, portfolio overview, and transaction history. It helps validate the core structure and interactions, allowing for quick adjustments and feedback before advancing to high-fidelity designs. Its simplicity aids in identifying issues and refining the user experience early in the process.
Design system
The design system includes key details about the color palette, such as hex codes and transparencies, and typography, including font types, weights, and sizes. Additionally, I developed a collection of components with relevant variants, ensuring their reusability throughout the design process.
BRINGING IT ALL TOGETHER
At this stage, all that’s left is bringing all the elements together— the features defined in the initial mockups, the app layout derived from the sitemap, and the UI features according to the design system.
Authorisation
Dashboard
Wallet
Market
Exchange
Final Thoughts
Designing Cryptocoin focused on balancing simplicity with advanced functionality to serve a diverse user base. The modular interface provides easy access to essential features for beginners while offering advanced options for experienced traders. Integrated security measures, including 2FA and biometric login, enhance safety and user confidence. Customizable dashboards and a clear information hierarchy support efficient cryptocurrency management. Real-time data updates and intuitive visual aids, like charts and graphs, help users make informed decisions. Cryptocoin aims to be a powerful yet user-friendly tool for managing and trading cryptocurrencies, ensuring confidence and ease in financial activities.