Banking reimagined for SENB Bank: Innovation for Fintech
UI & UX DesignFigma ToolMobile AppWeb Design
Project overview
A comprehensive redesign to enhance the UX of the digital banking
platform.
SENB Bank, who's majority of the customer base is aged 45+, desires to drive down its demographics to prioritize individuals falling in the 25-45 age bracket — which entails a fresh, modern overhaul of its entire website — making it more intuitive, resourceful, and easy to use.
The bank also aims to grow its customer base in two new areas, namely, Business Customers and Small Investment Customers.
PROBLEM
Through a comprehensive usability evaluation of the existing SENB site, we identified areas for improvement to enhance user satisfaction and experience. Key issues included the absence of a fixed header, resulting in navigation confusion, and the lack of visual indication for selected tabs, leading to uncertainty about displayed information. Additionally, high cognitive load was observed throughout the website, necessitating content restructuring. Furthermore, the error prevention mechanism proved ineffective, as users were only informed of errors after committing them. Addressing these concerns was crucial to optimize the site's usability and provide a seamless user experience.
SOLUTION
The Agile UX design process consists of 6 building blocks (or stages), namely: Discover, Define, Design, Develop, Deploy, and Drive.
We employ these in our design cycle to ensure intuitive and pleasurable experience for users — this helps us right from understanding the context to conducting accessibility and usability tests.
We employ these in our design cycle to ensure intuitive and pleasurable experience for users — this helps us right from understanding the context to conducting accessibility and usability tests.
Project timeline
Consistent sequence of process from
research to final delivery for better
UX experience
User persona
Understanding the needs and pain points of
the target audience.
Information Architecture
Organizing and structuring content to enhance
usability and findability.
wireframe
Wireframe
designs for a accurate
user experience.
Styleguide
Documenting design guidelines for color, typography, and
other visual elements.
Design components
Creating reusable design elements for
consistency and efficiency.
Final Web screen’s
An attractive,
intuitive, accessible, and usable
design for web.
Final App screen’s
An attractive,
intuitive, accessible, and usable
design for mobile.
