Commercial banking services

Delivering pixel perfect design excellence

Implemention phase

UX testing & management

Design bugs & CR-Change Request

Desktop & tab web app

Role

UX Designer

My contribution

Managed design implementations, by the dev team, during sprints testing phase prior release and handled change request for client.

Directly contributed to the web & tab based experience for the web app.

Contributed to clients design initiatives across product offerings through design core team calls.

Key outcomes

Delivered design excellence by managing design implementation through various phases of development, deployment, release, and delivery.

Overview & approach

Assignment overview

A multinational financial services client was facing challenges with their commercial banking application interface, it was on old tech (Angular JS) which didn’t lend itself well to agile iteration of online banking user experiences and cost a lot to maintain.

They partnered with IBM for migrating the UI from Angular JS to a more modern framework called React, which has more intuitive coding standards and enhanced reusable component library. It also required less CPU and memory usage.

My primary role on this assignment was to analyse the dev teams implementation of design while collaborating with client product owner, internal management, business and technical teams, to ensure we deliver design excellence.

I also got an opportunity to collaborate with the clients core design team working on a mobile payments app through weekly design team calls.

Projects

1

Banking web application

1

Mobile payments app

Design team

1

UX lead

2

UX designer

Observe

Wireframe designs - flows layout typography content

Client design language, UI library & toolkit

Commercial banking functions, flows & user management

User stories & acceptance criteria

Reflect

UX testing - Design specs, accessibility & dev implementation

Internal collaboration with PM’s, SM’s BA’s, Dev’s & Testers.

External collaboration with client PO, core design team

Make

Design change request - management & sign-off

Jira ticket creation & management

Stakeholders & collaboration

UX testing process

Design reference

Throughout the project, we immersed ourselves in the client's design language, UI toolkit and the wireframe design details such as layout, typography and content as the reference to scrutinise the developed flows and designs.

Design implementation (SIT/Test - environments)

Once the designs were developed by the dev team they were sent across to functional QA for SIT, and once the functional QA team cleared them they sent across to UX testing team for the UX sign off, before the PO finally closed the story.

Jira ticket creation and management

Our primary responsibility was to check for any design bugs throughout the stories and epics that were getting developed , redline the bugs create a Jira ticket map it to the respective stories and epics, and assign them to appropriate scrum teams that worked on it, while follow through and manage these tickets till they were resolved.

Design reference

Design language

To ensure consistency across the product, we closely adhered to the client’s design language, aligning all UX testing efforts with established visual and interaction guidelines.

This involved verifying that typography, colours, iconography, and spacing followed brand standards while maintaining accessibility and usability.

By systematically reviewing the implemented designs, we ensured that the final product stayed true to the intended design vision and provided a seamless user experience.

UI toolkit

We utilised the client’s UI toolkit as a reference to validate the development team's implementation of components and interactions.

By cross-checking UI elements such as buttons, form fields, and navigation patterns, we ensured adherence to predefined styles and behaviours. This approach minimised inconsistencies and streamlined the handoff between design and development.

Wireframe design & specifications

The testing process involved meticulous comparison of the developed interface against wireframe designs and specifications.

We evaluated layout structures, content placement, spacing, and typography imagery, interactions etc. to ensure fidelity to the design team's intent.

Any discrepancies were documented redlined and communicated effectively to developers, through Jira tickets as bugs, facilitating iterative refinements that aligned the final product with the approved wireframes.

Recognitions

Mona Farag

UX design lead

“Hello Abhishek, It's been a pleasure working alongside you as part of the HSBC DBB Migration Project. You showed great adaptability during the project.

You are a patient and fast learner and you excel in what you are doing. I also appreciate the fact that you are a team player and you showed great examples of collaboration between you and Pranati in many occasions on the project.

You also build empathy and care for your colleagues which is the essences of a star UX designer. It has been a pleasant journey working with you Abhishek and wish you All the best for the Future!”

Growth & learnings

Client design language & toolkits

Working within the client’s design language and UI toolkit was crucial in ensuring consistency across implementations.

I thoroughly referenced predefined guidelines, including typography, layout, spacing, component details etc. to validate that the developed interfaces adhered to the intended design specifications.

This experience deepened my understanding of structured design systems and reinforced my attention to visual and functional consistency.

Commercial banking functions & flows

Testing designs within the commercial banking domain required a strong grasp of its workflows, user roles, and transaction processes.

By reviewing and validating implementations against expected banking functions, I ensured that the developed experiences aligned with both business needs and usability.

This enhanced my ability to assess usability within complex financial systems.

Project
delivery process

Being part of the project delivery lifecycle helped me gain insights into how UX fits into large-scale development projects.

I worked closely with business analysts, developers, and QA teams to validate the correct implementation of designs, report inconsistencies, and track design-related issues.

This reinforced my ability to manage UX quality assurance within structured delivery processes.

Project
Management

Handling UX testing across multiple features required efficient coordination and documentation. I actively tracked discrepancies between design and implementation, reported them to relevant teams, and followed up to ensure resolution.

Managing these reviews and feedback loops sharpened my ability to organise tasks, prioritise critical fixes, and support seamless execution.

Delivering
design excellence

Ensuring design excellence was at the core of my role. By rigorously checking UI elements, typography, content placement, and interactions against approved wireframes and design specifications, I helped maintain a high standard of implementation fidelity.

This reinforced the importance of precision and consistency in digital product development.

Client & partner collaboration

Effective collaboration with client and partner teams was key to resolving design discrepancies efficiently.

I facilitated discussions around identified issues, provided clarification where needed, and worked with both development & management teams to ensure alignment.

This experience strengthened my ability to communicate design expectations clearly and navigate stakeholder feedback constructively.

Thank you !

I’m always open to collaboration when time allows!
Currently, I work as a Sr. UX Designer at IBM iX, crafting seamless experiences for users while delivering impactful outcomes for businesses.