Back

Back

Back

screenshot-of-smfg-homepage
screenshot-of-smfg-homepage
screenshot-of-smfg-homepage

SMFG India Credit – Website Redesign

Modernizing the homepage and creating a responsive web experience for a leading financial services brand.

Project Overview

SMFG India Credit is a financial services company operating across India since 2007. Their brand represents trust, accessibility, and personalized financial solutions. The existing website homepage felt outdated, content-heavy, and difficult to navigate across devices. Our team was responsible for redesigning the homepage and creating a clean, responsive layout that communicates trust and guides users to the right financial products.

Industry

Fintech

[My Role]

UI/UX Designer

[Platforms]

Desktop and Mobile

Problem Statement

The homepage had too much information competing for attention. Users found it difficult to understand products, find relevant loans, or navigate the site on mobile. The company needed a modern and structured homepage that reflects their brand values and improves usability across all screen sizes.

Goals

  • Improve homepage clarity and visual hierarchy

  • Make key loan categories easy to discover

  • Ensure full responsiveness for mobile, tablet, and desktop

  • Strengthen brand credibility through better visual design

  • Reduce friction for users exploring financial products

Process
1. Research

We reviewed the existing homepage and analyzed competitor financial websites. Key patterns included trust-building elements, simple pathways to loan categories, and clean layouts.


1. Research

We reviewed the existing homepage and analyzed competitor financial websites. Key patterns included trust-building elements, simple pathways to loan categories, and clean layouts.


1. Research

We reviewed the existing homepage and analyzed competitor financial websites. Key patterns included trust-building elements, simple pathways to loan categories, and clean layouts.


2. Information Architecture

The team reorganized content into clear sections: hero, product categories, key benefits, tools, testimonials, and CTAs. This improved readability and reduced clutter.


2. Information Architecture

The team reorganized content into clear sections: hero, product categories, key benefits, tools, testimonials, and CTAs. This improved readability and reduced clutter.


2. Information Architecture

The team reorganized content into clear sections: hero, product categories, key benefits, tools, testimonials, and CTAs. This improved readability and reduced clutter.


3. User Flows

We mapped flows for common user tasks such as exploring personal loans, understanding eligibility, and accessing customer support.


3. User Flows

We mapped flows for common user tasks such as exploring personal loans, understanding eligibility, and accessing customer support.


3. User Flows

We mapped flows for common user tasks such as exploring personal loans, understanding eligibility, and accessing customer support.


5. UI Design

The final UI used SMFG brand colors, modern typography, and clean cards. The design balanced trust with simplicity and avoided visual overload.


5. UI Design

The final UI used SMFG brand colors, modern typography, and clean cards. The design balanced trust with simplicity and avoided visual overload.


5. UI Design

The final UI used SMFG brand colors, modern typography, and clean cards. The design balanced trust with simplicity and avoided visual overload.


4. Wireframes

Low-fidelity wireframes helped finalize the structure. We focused on clean sections, better spacing, and a more intuitive layout.


4. Wireframes

Low-fidelity wireframes helped finalize the structure. We focused on clean sections, better spacing, and a more intuitive layout.


4. Wireframes

Low-fidelity wireframes helped finalize the structure. We focused on clean sections, better spacing, and a more intuitive layout.


6. Handoff & Collaboration

We prepared responsive specifications and assets for development. Continuous reviews ensured the build matched the design intent.

6. Handoff & Collaboration

We prepared responsive specifications and assets for development. Continuous reviews ensured the build matched the design intent.

6. Handoff & Collaboration

We prepared responsive specifications and assets for development. Continuous reviews ensured the build matched the design intent.

Key Screens
screenshot-of-smfg-redesigned-homepage
screenshot-of-smfg-redesigned-homepage
screenshot-of-smfg-redesigned-homepage
screenshot-of-smfg-redesigned-homepage-02
screenshot-of-smfg-redesigned-homepage-02
screenshot-of-smfg-redesigned-homepage-02
Outcome / Impact

Homepage became easier to scan and navigate

  • Mobile experience improved with clearer structure

  • Loan discovery became simpler for new users

  • Visual design aligned better with the brand’s values

  • Created a strong foundation for future redesigns

Select this text to see the highlight effect