Santander Bank website
UX/UI design
Implementing the new Santander Global brand in the U.S. allowed for the opportunity to rethink and improve the UX and UI of the Santander US website.
For the borrowing section, the user research showed that customers preferred to navigate the website with an information architecture guided by their financial needs and with options to compare the pros and cons of different borrowing solutions.
In addition, customers prefer call-to-actions such as online applications, finding more information by phone, or scheduling a meeting with a specialist that is hassle-free and easy to find.
User experience (UX)
We based the UX flow on prioritizing the customer's financial needs, implementing easy access to product information, comparisons, and call-to-action throughout the customer's journey.
Wireframes
We ideated wireframes with tab modules for better product information access and comparison. Plus, when passing the fold, the taps stick to the top of the screen for better and more convenient navigation.
Desktop version
Tabs modules allow displaying product information without reloading the page.
When customers scroll down and pass the screen fold within the tab modules, tabs will stick to the top of the page function. The active tab will include the call-to-actions for the online application.
Mobile version
Tabs on mobile will stack at the top.
The "active tab" will stick to the top, and the "return to the top" button will be at the bottom.
User interface (UI)
We implemented the new Santander brand guidelines to the user interface website elements and created a UI design library for further use in other digital applications.
colors
icons
type hierarchy
tab modules
accordion module
high fidelity
See more projects
