Skip to content

Fintech · Banking · Web / Mobile · 2023–2024NDA

UBgo Digital Banking Revamp

A full revamp of Union Bank's internet banking and mobile app — one seamless experience for transfers, bill payments and portfolio management.

Client
Union Bank of Colombo PLC
Rights
All rights reserved by Epic Lanka (Pvt) Ltd
My role
Lead designer, at Epic Lanka
Year
2023–2024
Platform
Internet banking (web) & mobile banking app
UBgo internet banking login page designed for Union Bank

© All rights reserved by Epic Lanka (Pvt) Ltd. Shown with credit for portfolio purposes.

Under NDA. This page shares only public-level details. Ask for a private walkthrough to see more.

01Overview

UBgo is Union Bank's digital banking platform in Sri Lanka, offering both Internet Banking and a Mobile Banking App. It lets customers transfer funds, pay bills, manage their portfolio and more. Working at Epic Lanka — first as an intern, then as Associate UI/UX Developer — I was the lead designer on the full revamp, aligning the web and mobile experiences with Union Bank's design consultant.

The challenge › Bring internet banking and the mobile app into one seamless, consistent experience, while meeting the clarity, accessibility and trust that banking customers expect.

02Breaking it down

Before designing anything, the problem was split into its parts:

  1. I

    Journeys — every flow defined in the bank's Functional Specification Documents (FSDs)

  2. II

    Core tasks — fund transfers, bill payments and portfolio management

  3. III

    Consistency — one design language across web and mobile

  4. IV

    Validation — testing decisions with real users

03Start to end

  1. I · Discover

    Reviewed the Functional Specification Documents (FSDs) to understand every user journey and feature interaction.

  2. II · Structure

    Turned the FSDs into well-defined wireframes mapping user journeys, and worked through each flow in discussions with product, BA and bank-side teams.

  3. III · Design

    Designed high-fidelity web and mobile screens on a shared component library, aligning both platforms with Union Bank's design consultant.

  4. IV · Build

    Took part in front-end development (Angular and SCSS) alongside the web and mobile developers.

  5. V · Refine with real feedback

    Ran usability tests to validate design decisions, improve accessibility and optimise interactions based on real user insights.

04Role, team & deliverables

My role

  • ▪ Team leadership
  • ▪ Wireframing & design system
  • ▪ UI/UX design & prototyping
  • ▪ Front-end development (Angular & SCSS)
  • ▪ User testing & QA

Team

  • ▪ Product managers
  • ▪ Web developers
  • ▪ Mobile developers
  • ▪ BA & QA team
  • ▪ Bank-side mentor and team

Deliverables

  • ▪ Component libraries
  • ▪ High-fidelity designs

05More screens

Mobile app — login and fund transfer summary
Mobile app — login and fund transfer summary

06Result

  • Live as UBgo Internet Banking and the UBgo app on the App Store and Google Play
  • One component library shared by web and mobile

Facing a similar problem?