UI/UX Design

Crypto currency trade Application

My responsibility
  • Paper and digital wireframes
  • Low and High-fidelity prototyping
  • UI design
My role

App visual & interaction design

Duration

1.5 weeks

Why

The crypto market is growing and doesen’t seem to be slowing down anytime soon. Creating the application will allow us to break into the market and steal market share from the more complex crpyot apps making a name for ourselves and allowing us to extend services.

The Problem

Crypto currency is confusing and intimidating. We hope to design an app that is easy to understand, fun to use, and approachable for all. Our user is not a techie or crypto veteran.

Crypto currency App UI preview
Jump to design

My challenge

Put complex information on the mobile size screen. Minimize the user learning cost and only one week time for design.

My goals

  • Simplified crypto currency application
  • Less steps to get to trading
  • Less complex stats
  • Tutorials and information about crypto for beginners

Design process

Persona

" I’m just getting into crypto and I feel a little scared. I’m not trying to get rich, just want to start making smart investments. "
Sam Lewis
Delivery Driver

Background

Sam delivers food around London for FedEx. He’s 29 and is making close to 80K a year. He’s heard crypto currency and wants to dip his toe in the pond but is afarid of complex crypto terminology.

Goals and Ambitions

  • To invest small sums of money into crypto
  • To make easy transactions
  • To be fairly hands off

Frustrations

  • Other tools are to intimidating
  • Doesn’t fully understand crypto, wants to learn
  • Needs visualixation and recomendations

Tools Used

  • Capitol One App
  • Robin Hood
  • Every Dollar

User flow

User flow

Wireframes

Wireframes

Design system

UI Stickers & Components

UI components

Typography

Crypto currency typography

Colors

Color black
Color blue
Color yellow

Homepage

First page when user login to the app. Shows the user's investment result and the latest market rate.

Wallet

The Wallet page displays user assets. Hidden card lists reduce page stacking elements.

Coin detail

Show cryptocurrency details. Different coloured buttons remind users of different transaction types. Information is hidden by swiping, reducing the burden on users.

Dark mode

Entry page
Login pagesell pageSell preview
My wallet pageCoins detail pageCoin list pageOrder confirmation page
Dashboard pageBuying pageChoose coins type Buy coins preview

Light mode

dashboard light modecoin listing light modebuy light mode
wallet list light modecoin listing light modemore coin list light modeconfirmation light mode
dashboard more light modechoose type light modemy wallet list light modepreview light mode

Thank you for scrolling to the end

Copyright © 2022 Taony Liu. All rights reserved.