Crypto Nav

The security and usability you've been looking for

In Spring 2022, I created a Cryptocurrency Exchange mobile and desktop app for Aiko AI from concept to final screens. My designs solve user problems of usability, security and functionality.

My Contributions

  • Project Management
  • UX Research
  • Iconography
  • Concept Ideation
  • Hi-Fi Prototypes
  • Brand Creation

Tools Used

  • Figma
  • Sketch

Duration

  • 2 months

Project Summary

I led the end-to-end design process to create a clean and intuitive interface that solves key user pain points. This resulted in a 20% increase in trade activity, 40% increase in user retention, 95% user satisfaction rate and no incidence of security breaches.

Problem

Security and Inconvenient UX

Out of 1,108 cryptocurrency traders, 40% face problems with security and 21% have an inconvenient UX with currently available exchange apps (Statista Online Survey).

Goals

Usability, Security, Functionality

1. Create a user-friendly, intuitive and clean interface
2. Ensure the security of user data and transactions
3. Motivate users to trade with functional features

Summary of Design Solutions

Focus 1

Functionality

Essential features a crypto app must have, according to WebChain expert's and user research

  • Seamless Transactions with Fiat and Crypto currency
  • Markets with Crypto price information & crypto watch list
  • Trade is easily accessible through the navigation menu
Focus 2

Usability

The app should be easy to nagivate and readable to gain user trust and provide a positive user experience, especially since its data heavy

  • Displays complex information in an aesthetically pleasing manner
  • Intuitive navigation and design structure
  • Ergonomic Design, navigation is within tapping distance of the thumb
Focus 3

Security

Capacity to keep financial information safe and secure to provide a reliable experience

  • Two-Factor Authentication
  • Timed logout & hide numbers after short inactivity period
  • Deny repeated payments to reduce impacts of hacking
Design Process

Empathize

Understand the user problem through User Interviews and Research Expert opinions

Specify

Analyze Findings, identify goals and prioritize features based on findings

Ideate

Create low fidelity wireframes to explore design posibilities

Test

Test the design against users to gather feedback and ensure it solves a problem

Design System

Creating the Tone, Color Palette, Iconography and Typography of the brand

Finalize

Based on feedback from users, generate final designs for the mobile and desktop app

Phase 1: Empathize

User Research

To better understand user problems, I interviewed 8 cryptocurrency traders on their experiences with currently available applications. I organized the data through affinity mapping, which demonstrated the two main themes users prioritize in cryptocurrency apps:

Theme 1: Security

Security is the main priority for crypto exchange app users

The traders described they prioritized an app that keeps their wallet and account information secure, due to fears of being hacked

Theme 2: Usability

Usability and intuitive design are necessary for a positive user experience

80% of the traders expressed frustration when completing tasks they desired, due to inefficient and inconvenient user flows

Secondary Research

Functionality, Security, and Usability are the most important features of a cryptocurrency mobile app...

A WebChain software developer explained this in her article regarding the most important assets of a cryptocurrency app

Phase 2

Define Goals

The findings from my user interviews and expert research conclude the need for strong usability, functionality and security, as this will solve user problems and contain essential features that make a crypto exchange app successful. Below are the goals for the project:

Usability

The app should be easy and convenient for a positive user experience

  • Robust UI
  • Intuitive User Flow
  • Most items within tapping distance of the thumb

Functionality

Essential features a crypto app must have, according to user's and expert's

  • Seamless Transactions with Fiat and Crypto currency
  • Trade easily accessible through navigation menu
  • Markets with Crypto price information & crypto watch list

Security

Capacity to keep sensitive information safe and secured

  • Two-Factor Authentication
  • Timed logout after short inactivity period
  • Deny repeated payments
Phase 3 & 4: Test & Iterate

Design Iterations from Feedback

Based on feedback from user testing with 8 cryptotraders + company feedback, I iterated my design with 3 main improvements demonstrated below:

Increased Trade Incentives

  • Larger trade button based on internal feedback to make trading accessible at all times & comply with fintech standards,
  • Watch List so users can be notified about updates regarding Crypto prices
  • Added View All links to let the user naturally flow to view Crypto market information
  • Composition at First Glance

  • Replaced card with pie chart Users wanted to understand their wallet composition at first glance, but had trouble with the card full of numbers. I replaced it with a pie chart that shows their top coins & is easier to visualize
  • Wallet preview on home page so users can see current price of their crypto
  • Intuitive Transactions

  • Entire page dedicated to trade for efficiency & aesthetically pleasing experience
  • Total Balance of each coin shown so that users can see their wallet info whilst trading
  • Enabled transactions between crypto and fiat currency, as this made it more accessible for users to exchange money from their bank and start trading immediately
  • Phase 5

    Design System

    After receiving user feedback for the lo-fi wireframe, I designed the visual interface and style guide. Cryptocurrency exchange apps contain the wallet and financial transactions of its users. Thus, I designed the visual interface with the colors Teal and Green as they connote feelings of trust, security and comfort, emotions that I want users to feel when they use the app.

    Color Palette

    I used this mood board as inspiration for the visual design of the app, as the colors evoke a sense of reliability and calmness.

    Iconography

    I created these icons to improve the user experience, as I could not find any existing icons fit the tone I want for this app.

    This Trade Button has attractive colors that match the app style and arrows to signify an exchange. The button is a large size to make the option of trading easy to find.

    I created these Page Icons to clearly indicate the different pages the user has access to, while being consistent with the design system

    The Navigation Bar displays these icons I have created, for a consistent style and color palette.

    Typography
    Type Pairings
    Phase 6

    Final Screens

    Final Desktop Screen

    Project Outcomes

    The development of this cryptocurrency app resulted in a successful product launch with positive feedback from stakeholders. The final designs achieved project goals of solving user problems with security, usability, and delivered the following results.

    Business Impact

    - 20% increase in trade activity
    - 40% increase in user retention
    - 95% user satisfaction rate and positive feedback from users
    - 0% incidence of security breaches or fraudulent activities with advanced security features

    Self-Relection & Learnings

    Include users as much as possible for successful design
    Through in-depth user interviews, the users helped us prioritize user problems and define the scope of the project. Implementing feedback from user testing resulted in final designs that are significantly different from the original wireframes and more effectively solve user problems. Maintaining a user-centered approach allowed us to achieve a 95% of user satisfaction.

    Next Steps: Build a Community around the App

    We could foster user retention and loyalty to the application, allowing for high business value by building a community with users, traders and investors, through in-app social features, such as chat rooms, forums and social media integration.

    Next Steps: Trading education to increase trading activity

    The app could provide educational resources, such as tutorials and webinars, to help users learn about cryptocurrencies and trading strategies. This would incentivize trading and promote business growth.

    Thank you for your time

    Send me an email 🪷 with any inquiries

    Email me See my other project ➡️
    Email me
    LinkedIn
    ← Back