Bank of Baroda

1) Project Overview
Industry: Banking & Financial Services (BFSI)
Duration: 6 Months
Role: Senior UI/UX Designer
Team Size: 1 Product Manager, 2 Developers, 1 QA, 1 UI/UX Designer
Tools Used: Figma, Adobe Creative Suite

Responsibilities:
• UX Research • Information Architecture • User Flow Creation • Wireframing • High-Fidelity UI Design
• Design System Creation • Responsive Design • Developer Handoff

2) Business Challenge
Bank of Baroda required a modern and scalable digital platform capable of serving a diverse customer base ranging from retail users to corporate clients.
The existing experience presented complex financial information in a fragmented manner, making it difficult for users to discover products and complete key banking tasks efficiently.
The objective was to simplify navigation, improve accessibility, and create a seamless digital banking experience across multiple devices.

3) Research & Discovery
Competitor Analysis
Conducted competitive benchmarking of leading banking platforms including HDFC Bank, ICICI Bank, SBI, Axis Bank, and Kotak Mahindra Bank to identify industry best practices and usability patterns.

Stakeholder Discussions
Collaborated closely with business stakeholders, product teams, and developers to understand business objectives, technical constraints, and customer expectations.

Existing Platform Audit
Performed a heuristic evaluation of the existing platform to identify usability issues, content gaps, and navigation challenges affecting customer journeys.

User Pain Points
• Complex navigation hierarchy. • Difficulty in discovering banking products. • Information overload on key pages. • Lack of clear call-to-action hierarchy. • Inconsistent user experience across devices.

4) UX Process
User Flows
Homepage - Explore Products - Product Details - Eligibility Information - Apply Now - Lead Submission

Information Architecture
Reorganised content architecture to create a clear and intuitive navigation system, enabling users to quickly access banking services and product information.

Wireframes
Created low and mid-fidelity wireframes to validate layout structures, content prioritization, and user interactions before visual design execution.

Iterations
Multiple design iterations were conducted based on stakeholder feedback and usability considerations to achieve the optimal balance between business goals and user needs.

5) Visual Design
Design System
Developed a scalable design system consisting of reusable UI components, ensuring consistency, faster design delivery, and efficient developer implementation.

Typography
Selected modern and highly readable typography to improve content readability and enhance accessibility across all digital touchpoints.

Color System
Leveraged Bank of Baroda's brand colors while introducing a structured visual hierarchy to reinforce trust, credibility, and brand consistency.

Components
Designed reusable components including:
• Navigation • Hero Banners • Product Cards • Forms • Buttons • Tabs • Accordions • Footer Modules

6) Impact
• Simplified access to banking products and services.
• Improved information discoverability through structured navigation.
• Enhanced overall digital accessibility and usability.
• Streamlined customer journeys across multiple touchpoints.
• Created a scalable design foundation for future enhancements.
• Strengthened customer trust through a clean and secure digital experience.
• Improved engagement by delivering a seamless multi-device experience.