Klick Pay

Klick pay is a payment gateway platform that helps people transfer money across countries.

Year

2022

Agency

Skylab Fintech

Project Type

Product / UI design / UX collaboration

Role

UI Designer

Project Overview

Designing a multi-functional platform

I was brought on to help design Klick pay's customer service product interface and develop a design system that would be adaptable, expandable and flexible as the platform grows and evolves.

Challenge

Combine 3 project touch points (design presentation, feedback and design iterations, and bug tracking) into one, easy-to-use product.

My Role/Responsibilities

UI Designer
Design system management
UX design. support

Design

Establishing a fresh, dynamic and scalable design system

With a clear scope of the competitive landscape, I developed a design system that was visually calming and easy to use though the following practices:

Design System Ethos

01

Minimal, purposeful use of color

02

Typographic hierarchy and contrast make important information stand out

03

Similar component layouts that repeat throughout the dashboards

Typography

Poppins was chosen for its classic, neutral and it's legibility at small scales.

Color Palette

Using the four hues of the Klick pay's identity as a starting point, I expanded the color palette to accommodate the needs of the platform’s complex dashboard system.

Key Considerations
  • Shades of the primary colors facilitate visual hierarchy
  • Clear messaging is created via a bold secondary palette
  • Contemporary and vibrant tertiary tones standing out in the marketplace
Component Library

I created and maintained the component library throughout the design and development process, which successfully served as the single source of truth for all team members and ensured visual consistency across the platform.

Final Dashboards

Designing for efficiency and easy collaboration

The final design aims to reduce the friction typically experienced when working within multiple platforms to complete different tasks. By consolidating these tasks into one unified platform collaboration is easier, workflows are more efficient, and projects are more organized.

Home Dashboard & Transactions

A dashboard showing generated income and transactions made during the specified timeframe

Users

Displays all Users of selected country and view their profiles and transactions made

What's Next

Launching soon!

Klickpay is set to launch early 2023. After launching with an MVP, the team plans to begin user testing to further iterate on the product's design, features, and functionality.

More Case Studies