Product Designer | UX Designer, UI Designer, Front-End Dev & Brand Identity

From UX research, wireframes and user flows to high-fidelity UI design and interactive prototypes. I know how to balance business goals with user needs, and I’m just as comfortable mapping journeys as I am polishing pixels. Whether it's shaping product strategy or jumping into Figma, I’m all about building useful, usable, and beautiful digital experiences. In this section, you’ll find a collection of case studies that showcase different parts of my process, from wireframes and prototypes to user journeys, personas, and app store artwork. Each project highlights deferent elements of product design, combining strategy, creativity, and hands-on execution to bring ideas to life.

ABSA / PAYSTAR

Absa Group Limited, and originally Amalgamated Banks of South Africa, is a South African-based financial services group, offering personal and business banking, credit cards, corporate and investment banking, wealth and investment management, as well as bank assurance.

FIGMA / SKETCH / OVERFLOW / JIRA

Gain insights

ZAPP GROUP / DEMO BANK

DemoBank was created with the aim of developing a white-label application that could be showcased to clients. The application utilizes Zapper QR payment technology and has been designed to be compatible with IOS, Android, and KaiOS platforms.

FIGMA / SKETCH / OVERFLOW / JIRA

Gain insights

SASSA

South African Social Security Agency is a national agency of the South African government created in April 2005 to administer South Africa's social security system, including by distributing social grants, on behalf of the Department of Social Development.

FIGMA / HTML / CSS

Gain insights

SANLAM

Sanlam is a South African financial services group established in 1918. It provides a wide range of financial products and services, including life insurance, general insurance, investment management, financial planning, retirement, and wealth management. Sanlam operates across several countries in Africa and internationally, with its headquarters located in Bellville, Western Cape, South Africa.

FIGMA

Gain insights

Let's Chat Let's Chat !

DemoBank

DemoBank was created as a flexible demonstration of our QR Payment Technology, designed to showcase potential use cases to banks, telcos, and other companies. It highlights white-label and custom brand options, allowing clients to experience how the technology can be adapted to different industries while maintaining usability and trust.

Task

The challenge was to create a demo version of our QR Payment Technology that could be presented to banks, telcos, and other potential clients. The product needed to showcase both white-label and custom brand options while demonstrating usability and versatility across different industries.

Solution

I designed an end-to-end demo experience, including interactive prototypes and workflows that highlight key features of the QR payment system. The demo allows clients to explore branding options, test user flows, and see how the technology can be adapted for their specific business needs, making it an effective tool for pitches and presentations.

Product

iOS, Android, and KaiOS App

Technology

Adobe XD, Sketch, Figma, Overflow, HTML, CSS, and JavaScript

User Persona

To design a demo product that effectively showcases our QR Payment Technology to potential clients, I created user personas representing banks, telcos, and other enterprises. These personas capture client goals, workflows, and concerns, ensuring the demo highlights flexibility, white-label capabilities, and ease of integration, allowing clients to experience how the technology can seamlessly fit into their own applications.

Kofi Mensah , 35

Location: Ghana / West Africa
Role: Product Manager / Innovation Lead
Company Type: Bank / Telco / Large Enterprise

Goals & Motivations

Researches emerging fintech solutions.
Evaluate white-label and custom branding options.
Ensure seamless, secure, and user-friendly experiences for their customers.
Reduce time-to-market for new payment features.

Pain Points

Long wait times and inefficient traditional payment systems.
Values clear demos and prototypes before committing to technology.
Prefers solutions that are adaptable, scalable, and easy to implement.

Behavior & Needs

Difficulty visualizing how new tech will fit into their existing systems.
Concerns about brand consistency and customer trust.
Limited internal resources for testing new payment features.

Motivation

Wants to offer a cutting-edge payment experience that enhances customer loyalty and engagement.
Seeks a partner who can provide flexible, ready-to-demo solutions.

Wireframes

I created end-to-end wireframes to demonstrate the full capabilities of our QR Payment Technology, including payment flows, white-label options, and branding customization. Using Overflow, I mapped key client journeys and interaction flows, providing a clear blueprint to guide demos, feedback sessions, and prototype development.

Prototype Examples

I developed interactive prototypes that translate client needs and business goals into tangible demo experiences. These prototypes showcase usability, highlight white-label and branding options, and allow for early feedback, ensuring the demo effectively communicates the technology’s flexibility and value to potential clients.

Assets and design System

I developed a cohesive set of assets, including icons, colours, typography, and components, to maintain consistency across the demo. The style guide ensures scalable, visually engaging presentations while highlighting brand flexibility and white-label possibilities for potential clients.

SASSA

For the Sassa web platform, I focused on designing an intuitive onboarding experience that helps users navigate the grant application process with confidence. The goal was to guide users to the specific grant they need, provide clarity on required documentation, and ensure all necessary information is captured for a successful application, all within a responsive, easy-to-use interface.

Task

The challenge was to design an onboarding journey for Sassa’s web-based platform that guides users to the correct grant type. The experience needed to clearly inform users about the documentation required and collect all necessary information for a successful application, while being responsive across devices.