Ciara Fischer Logo
CIARA FISCHER

Case Study: Payment Switch Landing Page

Role: Senior Product Designer
Duration: 8 Weeks
Team: Digital Channels, Digital Payments, Marketing, Compliance, Legal, and Corporate Communications
Platforms: Webpage, Email Campaign, Mobile Ads
Landing Page: View Webpage

Overview

In November 2025, we launched a new informational landing page for Payment Switch, a mobile banking feature within the FNB Direct app. The goal was to educate current and prospective customers about the feature and demonstrate its simplicity and convenience.

Payment Switch

The Objective

The primary purpose of this page was to explain the ease of switching payments through the FNB Direct mobile app. The page needed to include a clickable walk-through that guides users through the payment switch journey while creating a seamless experience overall from the app to the landing page.

The Approach

As the Senior Product Manager, I collaborated closely with the Digital Payments Team to define the content strategy and user flow while ensuring the design aligned with FNB’s brand standards and prioritizing usability.

Execution

Web Design

Responsive Design

Designed and developed a responsive landing page optimized for both desktop and mobile.

 

 

 

Animation icon

Enhanced Experience

Incorporated visual storytelling and step-by-step guidance to simplify complex processes.

Branding

Cohesion

Create a unified look and feel across the webpage, mobile app and email campaign.

Compliance

Tested the page for accessibility and performance to guarantee a frictionless experience.

My Role

Web Design

Webpage UX/UI Design

Designed a mobile-first, responsive landing page featuring an interactive walk-through, which included custom HTML/CSS code for simple functionality.

User Personas

Cross-Channel Design Coordination

Worked closely with the Digital Payments and Marketing teams to ensure visual consistency across the webpage, mobile app, and email campaign by aligning typography, color palettes, and imagery to reinforce recognition and trust.

Compliance Coordination

Partnered with compliance/legal teams to ensure all copy, imagery, and design choices met overall banking regulation guidelines.

Payment Switch

Outcome

  • The page achieved an 87% engagement rate, indicating strong user interest and interaction.
  • Positive feedback from customers highlighted the clarity and ease of navigation.
  • The project reinforced FNB’s commitment to delivering intuitive digital experiences.