LightmanNG - Bill payment Mobile App Design

Andrew Fasuba

Andrew Fasuba

LightmanNG - Making electricity bill payments simple, fast, and reliable

LightmanNG is a mobile app that allows users to pay prepaid and postpaid electricity bills instantly, securely, and without stress.

Responsibilities

I led the UI/UX design and brand direction of LightmanNG—from visual identity and typography choices to creating intuitive dashboards and data visualization,
Logo Design & Brand identity
Mobile App UI/UX Design
Admin Dashboard Design
Website design
Prototyping

The Challenge

Delayed or missing electricity tokens after payment
Failed transactions with no clear resolution
Having to repeatedly enter meter details when making a purchase
Difficulty tracking usage and spend over time
Goal: To design a solution that prioritizes speed, reliability, and transparency — restoring user trust in paying electricity bills digitally.
App showcase
App showcase

Our Process

Research & Insights
Competitors studied: BuyPower, E-Factory, Buypower Pass, PayMeter, eFactory
User pain points distilled into 4 key insights:
Token delivery speed is the biggest trust factor.
Users want visibility into their payment history.
Support for multiple meters is essential for users like facility managers.
Simplicity matters — the process should be no harder than airtime top-up.

Onboarding

Onboarding is designed for clarity and trust from the first tap. The welcome screen sets the tone with a promise: fast, reliable power payments. The sign-up screen is stripped down to essentials to reduce drop-off. For verification, We chose link-based email/OTP flows that balance security with simplicity, ensuring users feel safe while not overburdened with steps.
Onboarding UI: Welcome screen, Create account screen, Email verification
Onboarding UI: Welcome screen, Create account screen, Email verification

Dashboard

The dashboard is designed as the control center, giving users a quick snapshot of their wallet balance, Purchase summary, recent activity, and key actions (like topping up or paying bills). Transaction history is easily accessible so users can track payments and instantly see their purchased tokens or receipts, building transparency and confidence.
Dashboard UI: Dashboard empty state, Fund wallet screen, Transaction history screen
Dashboard UI: Dashboard empty state, Fund wallet screen, Transaction history screen

Bill payment

Paying bills is the core, so it’s kept short and intuitive. The form allows either manual entry or quick selection from saved meters to reduce clicks. An order summary confirms details before payment, reducing errors. Payment methods are shown in a familiar, clean layout to minimize friction at the most critical step.
Bill payment UI
Bill payment UI

Transactions

Transactions focuses on what happens after payment, the most sensitive part of the journey. Users need instant reassurance that their money was well spent, so the success screen delivers the purchased token immediately, with thoughtful accessibility features: a one-tap copy button and a read-aloud option for visually impaired or multitasking users. The transaction details and receipt screens go further by giving users clear, itemized records they can save or share, ensuring complete transparency and boosting confidence in the app.
Transactions UI
Transactions UI

Profile & Meter management

The profile area focuses on control and personalization. Users can update account details securely, manage saved meters for convenience, and quickly access help if something goes wrong. The goal here was to create reassurance and support. Users know they can always edit, manage, or get assistance without confusion.
Profile, meter management, help & support
Profile, meter management, help & support
Prototype
Play store screenshots
Play store screenshots

Outcomes (expected impact)

• Faster payments: Tokens delivered in seconds in app because sms providers might experience delays and downtime occasionally.
• Fewer disputes: Automatic refunds reduce complaints.
• Convenience: Saved meters & receipts streamline user experience.
• Trust: Clear feedback at every stage increases retention.

Lessons learned

Building user trust requires designing for edge cases (failed payments, empty states, refunds) as much as for the happy path.
This project demonstrates my ability to craft a cohesive user experience rooted in strong brand identity and visual consistency. It also highlights my attention to detail in bridging design and development—ensuring seamless handoff, implementation accuracy, and an experience that feels both functional and delightfully
Like this project

Posted Oct 5, 2025

UI/UX design for LightmanNG app, enhancing user trust and payment efficiency.

Likes

0

Views

0

Timeline

Jul 10, 2025 - Aug 27, 2025