Project Details

Project Details

Fintech, Saas

Fintech, Saas

. solunar . studio . web . agency

SeerBit

SeerBit

Overview 

This project was a marketing and product website for a pan-African payment gateway focused on enabling businesses to accept online and in-person payments across multiple countries. The site positioned the platform as a flexible, developer-friendly solution that supports diverse payment methods, serves SMEs and large enterprises, and offers white-label infrastructure for embedding financial services.

Role 

My role was to distill a complex suite of payment products into a clear narrative and page structure that spoke to business leaders and technical teams. I helped shape the messaging, organize solutions by audience and use case, and highlight key capabilities such as APIs, plugins, and regional coverage, in a way that guided visitors toward sign-up, sales contact, or documentation.

Challenge 

The main challenge was presenting a broad, feature-rich payment ecosystem without overwhelming users or diluting the core value proposition. The site had to communicate trust, compliance, and pan-African reach while still making it obvious how different segments - SMEs, large organizations, and partners—could use SeerBit to solve their specific payment challenges.

Solution 

The solution was a structured experience that moved from a strong, benefits-led hero into clearly separated sections for payment products, business segments, and developer tools. Concise copy explained offerings like online payments, POS, virtual accounts, and white-label solutions, while repeated calls to action led to sign-up, sales contact, or developer docs. This allowed the site to serve as both a high-level overview for decision-makers and a practical entry point for builders integrating the APIs.

Project details

Client

SeerBit

Industry

Fintech

Location

Lagos, Nigeria

End Date

Project details

Client

SeerBit

Industry

Fintech

Location

Lagos, Nigeria

End Date

Our Process

01
Research & Analysis

This includes conducting user interviews and surveys, as well as analyzing usage data or in-app analytics to identify patterns and bottlenecks. Competitor offerings and industry trends are also reviewed to reveal best practices, feature gaps, and opportunities for differentiation.

02
Information Architecture

Insights from research inform the structure of the experience. Core user journeys are mapped out, key tasks are prioritized, and content is organized into clear sections and flows. The goal is to reduce cognitive load, make navigation intuitive, and ensure that users can quickly find and complete their most important actions.

03
Wireframing & Prototyping

The information architecture then translates into low-fidelity wireframes that explore different layout and interaction options. These wireframes evolve into interactive prototypes that simulate real tasks and scenarios.

04
Usability Testing

Usability testing involves observing real users as they attempt to complete key tasks using the prototypes. Their behaviors, questions, and mistakes reveal friction points and areas of confusion. Feedback from these sessions leads to improvements and a more seamless and intuitive experience.

05
Visual Design & Style Guide

Typography, color, spacing, iconography, and components are defined in a style guide or design system. This ensures consistency across screens and makes it easier for teams to extend and maintain the experience over time.

01
Research & Analysis

This includes conducting user interviews and surveys, as well as analyzing usage data or in-app analytics to identify patterns and bottlenecks. Competitor offerings and industry trends are also reviewed to reveal best practices, feature gaps, and opportunities for differentiation.

02
Information Architecture

Insights from research inform the structure of the experience. Core user journeys are mapped out, key tasks are prioritized, and content is organized into clear sections and flows. The goal is to reduce cognitive load, make navigation intuitive, and ensure that users can quickly find and complete their most important actions.

03
Wireframing & Prototyping

The information architecture then translates into low-fidelity wireframes that explore different layout and interaction options. These wireframes evolve into interactive prototypes that simulate real tasks and scenarios.

04
Usability Testing

Usability testing involves observing real users as they attempt to complete key tasks using the prototypes. Their behaviors, questions, and mistakes reveal friction points and areas of confusion. Feedback from these sessions leads to improvements and a more seamless and intuitive experience.

05
Visual Design & Style Guide

Typography, color, spacing, iconography, and components are defined in a style guide or design system. This ensures consistency across screens and makes it easier for teams to extend and maintain the experience over time.

Tools

Ready to turn clicks into customers?

We are one call away to always serve you modern, unique and converting solutions.

Ready to turn clicks into customers?

We are one call away to always serve you modern, unique and converting solutions.

Ready to turn clicks into customers?

We are one call away to always serve you modern, unique and converting solutions.

Create a free website with Framer, the website builder loved by startups, designers and agencies.