digital cents

ux/ui design • by daniel

The product:

Digital cents is a cryptocurrency exchange for people new to trading. The goal of digital cents is to be a bridge for people used to online banking to invest in cryptocurrency.

The problem:

Cryptocurrency exchanges can be very complicated and can be nerve-racking for new investors.

Target audience:

Digital cents is a new and emerging cryptocurrency exchange. It is a bridge between people used to online banking and people new to investing in cryptocurrency.

The goal:

Design a new user-friendly trading flow that is simple to understand and easy to use.

Key Challenges and Constraints:

Our key challenge was to design a user-friendly trading flow that was simple to understand and easy to use.

digital cents Wireframes
Lo-fi digital wireframes

Low Fidelity design

We used the wireframes and created a user flow that could simulate the essential portions of the app. Since this project added a new user flow to an existing app, we went through multiple iterations and smoothed out the challenge user flow.

Low Fidelity prototyping

Here is the digital cents Lo-fi Prototype created with Figma.

We used the wireframes and created a user flow that could simulate the essential portions of the app. Since this project added a new user flow to an app, we went through multiple iterations and smoothed out the challenge user flow.

digital cents Lo-fi prototype
Prototype using lo-fi wireframes

Usability study: findings

These were the main findings uncovered by the usability study:
  • Users find it easier to think in terms of their local currency
  • Users get frustrated going back and forth and adjusting amounts and currencies
  • Users are most comfortable when things are laid out simply
  • Users want to know when transactions will be final

Image showing changes after usability study
Changes were made to the mockups after user testing and usability study.

Web first design

We developed high-fidelity wireframes and prototypes for the app that scale from desktop to mobile using graceful degradation techniques.

digital cents High fidelity scaled mockups
High fidelity scaled mockups

High Fidelity design and prototyping

Here is the digital cents Hi-fi Prototype created with Figma.

Here are the mockups turned into a high-fidelity prototype. This version displays the desktop version. The site's trading flow is represented, including the home page, currency portfolio page, currency list page, currency details page, trading page, and the submit page.

digital cents hi-fi prototype
Prototype using hi-fi mockups