Bitfolio Cryptocurrency App
Service
Product Design
Year
2023
Research, VIsual Design, Branding, UX/UI
Bitfolio Cryptocurrency App
Service
Product Design
Year
2023
Research, VIsual Design, Branding, UX/UI
Details
I spearheaded the design of a cryptocurrency app case study, employing a meticulous process that encompassed extensive research, detailed wireframing, thorough prototyping, and the creation of a visually strong and clean user interface.
I spearheaded the design of a cryptocurrency app case study, employing a meticulous process that encompassed extensive research, detailed wireframing, thorough prototyping, and the creation of a visually strong and clean user interface.
Table of Contents
Overview
Cryptocurrency can seem intimidating, with many finding digital currency and its transactions elusive. However, interest is growing as people look to diversify beyond traditional stocks and bonds.
Cryptocurrency can seem intimidating, with many finding digital currency and its transactions elusive. However, interest is growing as people look to diversify beyond traditional stocks and bonds.
Value Proposition
Bitfolio is an app that empowers individuals to effortlessly acquire knowledge, make informed investments, and gain a comprehensive understanding of cryptocurrencies, all while streamlining the often intricate and daunting aspects of the crypto space.
Bitfolio is an app that empowers individuals to effortlessly acquire knowledge, make informed investments, and gain a comprehensive understanding of cryptocurrencies, all while streamlining the often intricate and daunting aspects of the crypto space.
Timeline
Project Duration: 5 Weeks
Role's Responsabilities
Product Strategy, User & Market Research, UX/UI, Visual Design, Usability and Testing.
Product Strategy, User & Market Research, UX/UI, Visual Design, Usability and Testing.
Programs
Figma, Adobe Creative Suite
Figma, Adobe Creative Suite
Deliverables
Competitive Analysis, User Surveys, Interviews, Personas, User Flows, Wireframes, High-Fidelity Mockups, Prototypes, Usability Tests and Findings.
Competitive Analysis, User Surveys, Interviews, Personas, User Flows, Wireframes, High-Fidelity Mockups, Prototypes, Usability Tests and Findings.
Problem
Recently, the cryptocurrency market has seen a huge increase in interest, and this growing enthusiasm for digital assets has highlighted the issue of overly complex cryptocurrency apps, which can deter potential investors.
Recently, the cryptocurrency market has seen a huge increase in interest, and this growing enthusiasm for digital assets has highlighted the issue of overly complex cryptocurrency apps, which can deter potential investors.
Goals & Objectives
The goal is to create a user-friendly cryptocurrency app that simplifies trading, offers clear stats, provides beginner resources, and makes a strong market impact.
The goal is to create a user-friendly cryptocurrency app that simplifies trading, offers clear stats, provides beginner resources, and makes a strong market impact.
Market Analysis
An exploration of other applications in the same domain allowed me to discern their strengths and weaknesses through the perspective of individuals entering the cryptocurrency market for the first time.
I focused on two of the most used crypto apps according to Forbes in 2023.
An exploration of other applications in the same domain allowed me to discern their strengths and weaknesses through the perspective of individuals entering the cryptocurrency market for the first time.
I focused on two of the most used crypto apps according to Forbes in 2023.
Coinbase
The app is beginner-friendly but the interface could benefit with more added personalization and refinement.
Comprehensive features, but purchasing/trading can be limited by geography.
Trading fees vary by tool, with basic and advanced options having different rates.
Some users report losses due to app ambiguity.
Kraken
The app's interface is simple but effective. However, it may use more personalization and refinement.
It's great for beginners but has high fees, limited educational resources, and high withdrawal minimums.
The support section lacks clarity and organization compared to the rest of the app.
Users report losses from security breaches, with minimal support after costly hacks.
User Persona
The primary focus is on individuals who are new to the crypto market and seek a simplified and straightforward process for registration, learning, and commencing their investment journey.
User Flows & Important Tasks
After conducting a thorough competitive market analysis and empathizing with the user persona, I crafted a user flow with the primary objective of streamlining transaction completion steps, keeping it as simple as possible.
After conducting a thorough competitive market analysis and empathizing with the user persona, I crafted a user flow with the primary objective of streamlining transaction completion steps, keeping it as simple as possible.
Wireframes
These wireframes exemplify the prospective look of the main screens, presenting a straightforward yet efficient layout.
Wireframes
These wireframes exemplify the prospective structure of the main screens, presenting a straightforward yet efficient layout.
Design Exploration
During the design phase, I created a moodboard inspired by visually appealing, minimalist designs and interfaces that convey trustworthiness and financial reliability, while adding a touch of whimsy to make the product more approachable and less intimidating.
During the design phase, I created a moodboard inspired by visually appealing, minimalist designs and interfaces that convey trustworthiness and financial reliability, while adding a touch of whimsy to make the product more approachable and less intimidating.
Branding & Style Guides
Cryptocurrency appeals to modern investors seeking to expand their portfolios with innovative technology. The app's overall aesthetic supports dark and light modes, delivering a sleek, user-friendly experience that simplifies an otherwise complex process.
Cryptocurrency appeals to modern investors seeking to expand their portfolios with innovative technology. The app's overall aesthetic supports dark and light modes, delivering a sleek, user-friendly experience that simplifies an otherwise complex process.
UI Kit / Design Systems
Creating a UI Kit and design system after establishing a cohesive look and feel is essential for ensuring consistency across digital products. It provides a library of reusable components and guidelines that align with the brand’s identity, streamlining the design process and enhancing user experience.
Creating a UI Kit and design system after establishing a cohesive look and feel is essential for ensuring consistency across digital products. It provides a library of reusable components and guidelines that align with the brand’s identity, streamlining the design process and enhancing user experience.
Balancing Light and Dark Modes
Over 80% of users prefer dark mode for its sleek look and eye comfort, with 91% to 95% favoring it over light mode. While dark mode shines in low light, light mode provides better readability and suits those with vision impairments
UI Design - High-Fidelity Mockups
High-fidelity mockups are essential for providing a clear visual representation of the final product. They ensure that all screens are consistent, cohesive, and user-friendly.
Onboarding
Fast, secure, easy, and insightful, the main onboarding features include:
Phone verification code requirements.
Face ID set up for faster and more secure log-in.
Opt for an engaging introductory video tour to help new crypto enthusiasts become acquainted with the app and ease any feelings of intimidation.
Home Screen
The main home screen features include:
Prominent Display of User Investment Information.
Comprehensive Compilation of Up-to-Date Market Rates.
Access to In-Depth Insights on Every Coin.
Seamless Access to Educational Resources.
Effortless and Swift Cryptocurrency Transactions.
Onboarding
Fast, secure, easy, and insightful, the main onboarding features include:
Phone verification code requirements.
Face ID set up for faster and more secure log-in.
Opt for an engaging introductory video tour to help new crypto enthusiasts become acquainted with the app and ease any feelings of intimidation.
Balancing Dark and Light Modes
Bitfolio defaults to dark mode, with light mode options to enhance accessibility. Over 80% of users prefer dark mode for its sleek look and comfort, while light mode improves readability, especially for those with vision impairments.
High-Fidelity Prototypes
Onboarding
Fast, secure, easy, and insightful, the main onboarding features include:
Phone verification code requirements.
Face ID set up for faster and more secure log-in.
Opt for an engaging introductory video tour to help new crypto enthusiasts become acquainted with the app and ease any feelings of intimidation.
Home Screen
The main home screen features include:
Prominent Display of User Investment Information.
Comprehensive Compilation of Up-to-Date Market Rates.
Access to In-Depth Insights on Every Coin.
Seamless Access to Educational Resources.
Effortless and Swift Cryptocurrency Transactions.
My Wallet
The main "My Wallet" features include:
Seamless Access to the User's Assets per Coin.
Comprehensive Coin Cards with Visual Charts and Key Metrics.
Real-time Updates for Keeping Track of Transactions.
Usability & Testing
Following the creation of the initial prototype, it was presented to users for evaluation with a set of questions and actions to take. After this process, users provided very insightful information that helped solve problems and improve the flow, design and usability.
The following changes were made and were already implemented:
The home screen underwent a substantial simplification, focusing exclusively on presenting portfolio and investment information. Initially, I included additional valuable content like news and educational materials, but it inadvertently caused some minor confusion.
In addition to an introductory video, I Incorporated a simple but prominent entry point on the home screen that grants effortless access to the videos and tutorial section. My goal is to provide a sense of reassurance and build trust with users, particularly those who may feel overwhelmed when first encountering the home screen.
I've standardized the color palette of cryptocurrency icons. By replacing their original, varied colors with a uniform, neutral palette, to ultimately reduce visual clutter.
At first, the wallet cards closely resembled the primary graphic on the home screen, leading to some user confusion upon accessing them. Consequently, I made the decision to introduce cards with solid backgrounds and visual graphs, offering a clear visual distinction and enhancing their identification as separate entities from the homepage.
Originally, the primary navigation was positioned as a side navigation hamburger menu. However, following valuable feedback from users, I made the strategic decision to introduce a bottom navigation bar instead, enhancing both accessibility and user experience.
Following the creation of the initial prototype, it was presented to users for evaluation with a set of questions and actions to take. After this process, users provided very insightful information that helped solve problems and improve the flow, design and usability.
The following changes were made and were already implemented:
The home screen underwent a substantial simplification, focusing exclusively on presenting portfolio and investment information. Initially, I included additional valuable content like news and educational materials, but it inadvertently caused some minor confusion.
In addition to an introductory video, I Incorporated a simple but prominent entry point on the home screen that grants effortless access to the videos and tutorial section. My goal is to provide a sense of reassurance and build trust with users, particularly those who may feel overwhelmed when first encountering the home screen.
I've standardized the color palette of cryptocurrency icons. By replacing their original, varied colors with a uniform, neutral palette, to ultimately reduce visual clutter.
At first, the wallet cards closely resembled the primary graphic on the home screen, leading to some user confusion upon accessing them. Consequently, I made the decision to introduce cards with solid backgrounds and visual graphs, offering a clear visual distinction and enhancing their identification as separate entities from the homepage.
Originally, the primary navigation was positioned as a side navigation hamburger menu. However, following valuable feedback from users, I made the strategic decision to introduce a bottom navigation bar instead, enhancing both accessibility and user experience.
Takeaways
As someone who initially felt quite intimidated and had very limited to no knowledge about cryptocurrency, embarking on this project proved to be both challenging and, simultaneously, a valuable learning experience. Ultimately, my primary goal was to acquire as much knowledge as possible to ensure I make informed decisions that result in a user experience tailored to our users' specific needs.
As someone who initially felt quite intimidated and had very limited to no knowledge about cryptocurrency, embarking on this project proved to be both challenging and, simultaneously, a valuable learning experience. Ultimately, my primary goal was to acquire as much knowledge as possible to ensure I make informed decisions that result in a user experience tailored to our users' specific needs.
