A desktop mockup of the new NRC web app home page

Nigerian Railway Corporation (NRC): Complete Digital Ecosystem Redesign

Redesigning the NRC booking platform to eliminate critical UI issues, improve task completion, & restore passenger ticket revenue.

Project Overview

The existing NRC digital platform suffered from critical UI design errors (poor spacing, hierarchy, color use) that made navigation difficult, causing the majority of users to abandon online booking in favor of less efficient station visits. The core problem was converting manual station users to reliable digital users.

Problem

How might we redesign the three primary digital interfaces (Web, Mobile, Landing Page) to boost navigability, drive successful transactions, and shift user behavior from manual to digital booking?

Outcome

I created a unified, clear, and feature-rich digital experience that made navigation simple, directly targeting an increase in online task completion and successful revenue generation.

Year

2025

Duration

3 months

Role

Product Designer

Tools

Figma

Status Quo

This was a comprehensive redesign of an existing, multi-platform system. The project required deep diagnosis of existing UI/UX issues that were actively costing the business revenue, demanding a solution that addressed systemic inconsistency and usability friction.

An image of the old NRC Landing page
Hero section of the redesigned NRC Landing pageFeatures section of the redesigned NRC Landing pageFooter section of the redesigned NRC Landing page

Strategy

My process began with diagnosis to ensure maximum ROI from the redesign efforts. I initiated the process with user research (surveys & interviews), which confirmed that the core problem was poor UI and navigability, not the underlying UX flow. This justified the comprehensive design overhaul.

Survey feedback
Survey feedback
Survey feedback
Interview feedback
Interview feedback

My Approach:

1. Diagnosis: Conducted a Heuristic Audit to formally document existing UI failures and inform the redesign.

2. Foundational UX: Based on research findings, I created Personas and drafted prioritized User Stories. This informed the new User Flows (Web/Mobile) and initial Sketches & Lo-Fi Wireframes.

3. Execution: I incorporated high-value features like Round Trip and Real-time train tracking, then applied the new design system uniformly across all interfaces.

A handrawn sketch during the ideation phase
A Lo-Fi wireframe during the ideation phase

The Solution?

The final design delivered a cohesive, professional, and intuitive booking platform that eliminated confusion.

Key elements of the solution include:

1. Problem to Solution Structure: Clear UI improvements, based on the heuristic audit, made complex navigation easy and intuitive.

2. Refined Existing Flow: The existing multi-passenger booking flow was analyzed and refined for maximum clarity and efficiency, ensuring seamless group bookings.

3. High-Value Enhancements: Integration of Round Trip booking and Real-Time Train Tracking to enhance core functionality, providing certainty and increasing user value.

4. Unified Design System: A clean, strategic aesthetic applied consistently across all three platforms, building immediate trust and authority

A mockup of the new NRC mobile app home page
A mockup of the new NRC mobile app available trains page
A mockup of the new NRC mobile app trip details confirmation page
An image of the new NRC web app passenger input page
A mockup of the new NRC mobile app real-time tracking page with a map
A mockup of the new NRC mobile app real-time tracking page with a map
A desktop mockup of the new NRC web app real-time tracking page

Iteration

After a mini usability test, I found out that my initial design of the hero section caused a brief hesitation on what to do first. There were too many CTAs on that section and users needed a clear path to complete their task. So I made iterations with a clear and primary CTA.

Hero section of the redesigned NRC Landing page (Version 1)
Hero section of the redesigned NRC Landing page Final iteration

Visual Proof: Old vs New

An example of how strategic UI/UX changes optimized the core booking screen. While the previous interface clearly showcased all class options (a good idea for transparency), it created a redundant step: users still had to re-select the class when choosing a seat. The redesign consolidated this by showing only the starting price and a single "Book Now" action. This, combined with the new Train Filter, eliminates unnecessary clicks and significantly improves the Task Completion Rate.

A screenshot of the old available trains page
A mockup of the new NRC mobile app available trains page highlighting improvements
An image of the train filter modal

Assessment & Impact

This project is highly relevant to service businesses as it shows the ability to translate user feedback into a substantial increase in successful transactions.

Key Takeaways:

1. Projected Outcome: The clear UI improvements made navigation easy, which aims to reduce booking drop-off rates by at least 62%, directly increasing successful ticket sales.

2. Relevance: This work proves my ability to modernize high-stakes platforms, bringing the experience in line with modern booking platform standards.

3. What I Learned: I confirmed that on high-stakes transaction platforms, poor UI is a direct, quantifiable cost to the business, demanding strategic attention to drive successful task completion.

View Other Results

Let's Build Your Next Growth Engine

An illustration of a man on a rocket

Get in Touch With Me

Use the form to share an overview of your project. I will reach out to you within 24 hours to discuss a strategy tailored to your goals.