top of page
flashpat top screen.png

PROJECT: Flashpay

ROLE: User Interface, Visual Design

DURATION: 3 Weeks

Overview

Flashpay is a payment app that allows shoppers make easy contactless payments at shops and retail stores within Nigeria. With the recent pandemic, human behaviour towards having physical contacts has been modified and this also affects the retail space. Supporting this is the fact that contactless payments tend to be faster and helps shoppers skip long queues at retail stores and supermarkets.

overview.png

Product Features

Flashpay's features ranges from contactless payment, wallet top-up, and account upgrade,

features.png
  1. Tap to pay
    Shoppers pay for goods by tapping either their mobile device or debit card on a Flashpay point of sale system.
     

  2. Pay with QR Code
    This feature eases payments for users. Shoppers scan a generated Quick Response code provided by the checkout operator's display.
     

  3. Fund Wallet
    Shoppers can fund their Flashpay wallet via USSD, bank card, or bank transfer.

User Flows

To reflect how users will go about carrying out the primary features and tasks on the app, I highlighted the user flow of only 3 primary tasks; Paying with QR Code, Tap to Pay, Fund wallet with Bank Card.

User Flow 1.png
User Flow 3.png
User Flow 2.png

Digital Wireframe

This wireframe low-fidelity shows a feel of how the design of the product would look like. Click or tap the image to have a broader view.

wirframe.png

Style Guide

To communicate that Flashpay deals with users wealth and the fact that their funds can be safe with Flashpay, I used  color purple (denotes wealth) and yellow (which denotes warmth). I also felt the  Montserrat typeface is a good choice due to its variety of available font types and good display. 

STYLES.png

High Fidelity Prototype

The User Interface (Mock-up & Hi-fi prototype) was designed with Figma.

© 2021 by Abdulquadri. Let's Connect.

  • LinkedIn
bottom of page