Case study

AIBFPC

AIBFPC project preview

Overview

AIBFPC supports the African Insurance and Banking Fraud Professionals Consortium, bringing together experts across Africa to collaborate, share resources, and work together to combat financial fraud.

I worked directly with the client on the website, handling the UI/UX design and frontend development. I was responsible for translating the client's requirements into a responsive interface, from the initial wireframes through the final frontend implementation.

UI/UX Design

I started the project by gathering the requirements directly from the client and translating them into an initial interface structure.

The design process included:

  • Low-fidelity wireframes
  • High-fidelity designs
  • Responsive layouts
  • Client presentations
  • Design revisions based on client feedback
  • Final design validation

I used Figma to create and iterate on the designs before starting the frontend implementation.

Design process

Frontend Development

After the design was approved, I developed the responsive interface using:

  • HTML
  • CSS
  • JavaScript
  • Bootstrap

The implementation focused on accurately translating the approved Figma designs into a responsive frontend across different screen sizes.

Approved design

My Role

UI/UX Designer & Frontend Developer

I was responsible for the project from the initial client discussions through frontend delivery.

My responsibilities included:

  • Communicating directly with the client
  • Gathering and clarifying requirements
  • Creating low-fidelity wireframes
  • Creating high-fidelity designs in Figma
  • Designing responsive layouts
  • Presenting designs to the client
  • Applying feedback and design revisions
  • Developing the responsive frontend
  • Implementing the interface using HTML, CSS, and JavaScript
  • Working with Bootstrap

Technology

Design

  • Figma

Frontend

  • HTML
  • CSS
  • JavaScript
  • Bootstrap