Chief Technology Office
 
Development Wing

Apologies! but as per the Non-Discloser Agreements (NDA) between me and the client I can't use business name, logo and any kind of brand identity. So! here I am going to refer my client as 'Leading US Bank'. It's not like I choose that name to just address it, but my client is really a giant American bank.

Any way in January 2024 when I joined Synechron (my mother company) for 2nd time I came to know about this client and line of business that's Development Wings, I was very excited.

This LOB is dedicated to develop the enterprise applications for developments center of the bank and not for the bank. It using huge number of apps and I bacame a part of its UX team for some modules.

Leading US Bank
 

Inside the Development Wing (the line of business) of the bank there are multiple apps and modules including 'Chief Technology Office' and all are linked with each other through a bridge. I was involved in this module and in this case study will talk this one.

All modules are used for internal analysis and report generating purpose with Artificial Intelligence. An employee can check, review and request for change in releted data.

Inside the Development Wing (the line of business) of the bank there are multiple apps and modules including 'Chief Technology Office' and all are linked with each other through a bridge. I was involved in this module and in this case study will talk this one.

All modules are used for internal analysis and report generating purpose with Artificial Intelligence. An employee can check, review and request for change in releted data.

Project description
 

Problem Statement:

Enhancing the enterprise application’s usability to provide a smooth and intuitive experience for users.

Project Summary:

Optimizing the enterprise application’s interface and interactions to better serve its users.

Goals and Objectives:

Improve user engagement and retention by simplifying navigation and incorporating intuitive features. Reduce user frustration by addressing pain points in the existing app.

Target Audience:

Age braket 20–60 years. Varying levels of tech-savviness.

Research Methods:

Conducting contextual interviews and usability testing to gather insights into user needs and pain points within the app.

Design Process:

Applying user-centered design principles to redesign key app screens, validating changes through user testing and feedback.

Details
 

Project type

Fixed time

Time line

52 weeks

Cross functional teams

Product 2
UX 1
Associate Specialist Individual contributor
AIML 1
Front-end 4
Back-end 6
QA 3
Challenges
 

In CTO web app employees' influncial data can be viewed and edited by the user but under some ristrictions. Depending on situations data is showcased and enabled for editing. Based on situations different designs for every page is done.

Data restrictions
Authority
Type
Description
Activity
Full
Team lead and above
Project insights, check team members
Limited
Any employee
User’s personal and professional details
Access
Type
Description
Activity
High
Office device within office network
All
Medium
Office device outside office network
Right click disabled
Low
Any device in any network
Limited view and edit disabled
Data restrictions
Authority
Type
Full
Description
Team lead and above
Activity
Project insights, check team members
Type
Limited
Description
Any employee
Activity
User’s personal and professional details
Access
Type
High
Description
Office device within office network
Activity
All
Type
Medium
Description
Office device outside office network
Activity
Right click disabled
Type
Low
Description
Any device in any network
Activity
Limited view and edit disabled
UX Process
 
 
User Interview
 

15 users were interviewed. goal is to understand how users interact with complex, task-driven systems used in a professional setting. These interviews are different from B2C because enterprise users prioritize efficiency, accuracy, workflow integration, and reliability over visual delight. The idea of the questionnaire is to keep it ...

  • Be open-ended: Let users talk freely.
  • Encourage stories: “Can you give me an example?” reveals deeper insights.
  • Avoid leading questions: Asked what they do, not why they like your product.
  • Record (with consent): Used Zoom for transcription.
  • Structured
  • Expert
  • Remote
  • Contextual
Persona
 
 
 
Empathy Mapping
 
 
 

Empathy map is used in design thinking to gain a deeper understanding of a user's perspective, thoughts, feelings, and behaviors, helping to identify their needs and motivations.

 

What they Say :
 Direct quotes or paraphrased statements from users about their experiences.

 

What they Think :
 Users' thoughts, motivations, and needs, framed in first-person statements.

 

What they Feel :
 Users' emotional states during the process.

 

What they Do :
 Typical observed user behaviors and actions.

 

Helped team understand user needs, behaviors, and motivations.

Provided insights to inform design decisions.

Helped teams communicate user insights effectively, especially to stakeholders.

Encouraged teams to "get inside the heads" of users.

 

Empathy map is used in design thinking to gain a deeper understanding of a user's perspective, thoughts, feelings, and behaviors, helping to identify their needs and motivations.

 

What they Say :
 Direct quotes or paraphrased statements from users about their experiences.

 

What they Think :
 Users' thoughts, motivations, and needs, framed in first-person statements.

 

What they Feel :
 Users' emotional states during the process.

 

What they Do :
 Typical observed user behaviors and actions.

 

Helped team understand user needs, behaviors, and motivations.

Provided insights to inform design decisions.

Helped teams communicate user insights effectively, especially to stakeholders.

Encouraged teams to "get inside the heads" of users.

User Journey
 
 
 
Research Synthesis
 
 

Contrast: Can never see all the data clear. Background and font color difference is low. Too many colors irritate users.

Repetition: Can never see the uniformity within the app or even a page.

Alignment: Can never find data with in content. Positioning not done properly.

Proximity: Can never understand the subject and body. Not grouped properly.

User Flow
 
 
Information Architecture
 
Wireframes
 
 
Design System
 
Mockups
 
Prototype
 
 
Usability Testing
 
 
All participant in User Interview were given an option to participate in Usability Testing programme and some others also. We insisted the users who had large amount of frustrations and goals. 50+ employee took part and the out come is ...

Methods

radio_button_checked
Moderated
radio_button_unchecked
Unmoderated
radio_button_checked
Remote
radio_button_unchecked
In person
radio_button_checked
Qualitative
radio_button_unchecked
Quantitative

Out Comes

warning
Uncovered problems in the design
frame_inspect
Discoved opportunities to improve the design
groups
Learnt user behavior and preference
Design QA
 
 

This is the process of reviewing a product’s implementation to ensure that the final build matches the intended design specifications before release. It’s like the final “pixel detective” stage—making sure the vision in Figma doesn’t get lost in translation when developers bring it to life.

Done QA before the release candidate is finalized, saved rework time. Prioritized critical UX defects over pixel-perfect fixes when deadlines are tight. Kept a version-controlled QA doc so issues aren’t lost in chat threads. Paired with developers during the QA pass for faster iteration.

Heat Map
 

This heat map is a graphical representation of user activity on CTO app for initial 14 days after successful deployment.

Let's work together
 
 
Creative Ideas

New & Imaginative Ideas. View things in new ways. Generate new possibilities and alternatives. Solution is guaranteed.

 
Original Designs

People talk a lot about and I do it, that make my Client feel proud. It makes the Brand easier to remember and for longer time.

 
Unique Presentations

It turns a very ordinary thing into more Attractive one. Kind of a magic it works like but not an illusion.