About the client
DSK Bank is owned by the Hungarian OTP Bank – the parent bank of the OTP Group, the largest financial services provider in Hungary and a regional market leader in Central and Southeastern Europe. As a modern company with a long-term development strategy and a large-scale digital transformation, the bank invests in developing modern products and personalized solutions for its customers.
-
12
weeks
Intensive work to build a complete UX/UI
-
120+
screens
Design based on corporate standards and results from UX tests
-
35
coffees
consumed during work
Brief
Our client, one of the largest banks in the country, asked us to redesign their website so that it reflects the values of their brand and improves the customer user experience.
Problems
The bank sought a modern and highly efficient design to improve its online presence and provide a secure and effective experience for its users.
Colors
The palette uses the bank's characteristic greens with additional accent colors to visually distinguish different activities and services.
Font
The site uses Source Sans Pro for improved readability and a modern feel.
Icons
We styled custom icons to clearly represent the types of products the bank offers.
Site map
We focused on several things: making user paths have a clear start and be semantically separated.
Design
We used the bank's style guide to create a design that reflects the brand values of trust, transparency and security.
We created a clear and easy-to-use navigation menu that provides a categorized structure to help customers find what they need efficiently.
We used a clear typeface with sufficient white space to convey lightness and professionalism. We also added high-quality visuals to showcase the bank's products and services and ensure accessibility across devices.
Functionalities
User calculator
We built an easy-to-use calculator with a clean, elegant design that is accessible to everyone.
The calculator is also mobile-friendly, ensuring users can access the feature anytime, anywhere.
Nearby
We added a map to quickly find the bank branch or ATM near you.
We also implemented filters for faster search results.
High contrast toggle
For a better user experience we added a high-contrast mode toggle for the site.
Content resizing
We implemented a feature to increase or decrease the visual size of content to improve readability and visibility.
Other pages
Responsive
