![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2Fmalte-helmhold-PrczkIwJqsA-unsplash_uid_6266326172b3e.jpg%3Ft%3D1650864737&w=3840&q=80)
Zürcher Kantonalbank
The future of mobile banking
These days, many prefer to pay their bills via smartphone rather than at the counter. Neobanks have long since embraced this trend, offering an increasingly wide range of financial services in an "all-digital", and often mobile-first, environment. In contrast, many traditional banks are struggling to keep pace with the rapidly changing needs of their customers. ZKB, the Swiss Cantonal Bank of Zurich, is an exception, however…
Together with us, ZKB has not only revamped its mobile banking app and successfully launched the new version 2.0, but has already set new standards for building an entire user-centered mobile space of the future.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FB-1-zkb-mobile-home_uid_626631c1e41fa.png%3Ft%3D1650864577&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FB-3-zkb-mobile-konto_uid_626631c323623.png%3Ft%3D1650864579&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FB-2-zkb-mobile-zahlungen_uid_626631c27d523.png%3Ft%3D1650864578&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F29%2FF-2-zkb-mobile-home-depot_uid_62bc371d795e6.png%3Ft%3D1656502045&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FB-3-zkb-mobile-konto_uid_626631c323623.png%3Ft%3D1650864579&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F29%2FF-2-zkb-mobile-home-depot_uid_62bc371d795e6.png%3Ft%3D1656502045&w=3840&q=80)
Challenge
Thinking about tomorrow
Neo-banks like Revolut are disrupting the market with ever more user-friendly and innovative apps. In contrast, ZKB's mobile banking app seemed like a relic from times long past. Although the app received good reviews, ZKB itself admitted that many processes were too complicated and the design was outdated. It was time to bring ZKB into the digital present and think about tomorrow when developing the new app of today.
Solution
Fast, simple, beautiful
There are thousands of things to consider when redesigning an app. Especially when it's a well-loved app from a well-known brand like ZKB with almost a quarter-million users. We, therefore, approached major design decisions – like rethinking the navigation – with great care and with established user habits in mind. The result is a fast and easy-to-use app with a fresh look, in line with the latest brand guidelines, based on a design system with reusable elements that will enable consistent and user-centric development of all future ZKB mobile apps.
"With passion, courage, fun, and an incredible team spirit, we started the new mobile era of ZKB."
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FC-2-zkb-mobile-home-depot_uid_626631c5db820.png%3Ft%3D1650864581&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FC-6-zkb-mobile-buttons_uid_626631c77bc86.png%3Ft%3D1650864583&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F26%2FC-7-zkb-mobile-inputs_uid_6267f7475f4b4.png%3Ft%3D1650980679&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FC-1-zkb-mobile-services_uid_626631c4d8831.png%3Ft%3D1650864580&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FC-3-zkb-mobile-hero-card-inverted_uid_626631c64f745.png%3Ft%3D1650864582&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FC-4-zkb-mobile-hero-card_uid_626631c6c1dfd.png%3Ft%3D1650864582&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FC-5-zkb-mobile-hero-card-depot-inverted_uid_626631c7175b1.png%3Ft%3D1650864583&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FC-6-zkb-mobile-buttons_uid_626631c77bc86.png%3Ft%3D1650864583&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F26%2FC-7-zkb-mobile-inputs_uid_6267f7475f4b4.png%3Ft%3D1650980679&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FC-3-zkb-mobile-hero-card-inverted_uid_626631c64f745.png%3Ft%3D1650864582&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FC-4-zkb-mobile-hero-card_uid_626631c6c1dfd.png%3Ft%3D1650864582&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FC-5-zkb-mobile-hero-card-depot-inverted_uid_626631c7175b1.png%3Ft%3D1650864583&w=3840&q=80)
Home screen with shortcuts
The home screen, as the most relevant starting point for the user, needs careful thought. Why is the user even opening the app? What does the user want to see or do first? The answers to these questions have led us to create a screen that combines both static shortcuts for direct access to the most used functions and dynamic content with the most important information, such as the current account balance. In addition, the new bottom navigation ensures that all other functions are just a tap away from anywhere in the app. Bye-bye overloaded burger nav.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F29%2FF-1-zkb-mobile-home_uid_62bc371d29e1e.png%3Ft%3D1656502045&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F29%2FF-2-zkb-mobile-home-depot_uid_62bc371d795e6.png%3Ft%3D1656502045&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F06%2F29%2FF-3-zkb-mobile-home-scrolled_uid_62bc371dc6791.png%3Ft%3D1656502045&w=3840&q=80)
Found quickly. Done quickly
Have you ever walked into a kitchen for the first time and still intuitively known where to find what? That's pretty much how it feels for (new) users of the ZKB App 2.0. We created, tested, and simplified the new information architecture entirely according to their needs, preferences, and habits. As a result, we not only said goodbye to the multi-layered, complex burger navigation and switched to the new bottom navigation but also broke down all tasks into small, manageable chunks to make functions simpler and easier to understand.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FD-1-zkb-mobile-navigation_uid_626631c91dc43.png%3Ft%3D1650864585&w=3840&q=80)
More than meets the eye
And finally, let's talk about the look. When it comes to visual design, there’s a lot more to it than meets the eye. Take for example the subtle color variations we added to ensure optimal contrast and effortless theming between light and dark modes. The same goes for typography, where we've created a versatile typeface with a clear and purposeful hierarchy. When used wisely, color and typography alone can go a long way toward making a product more accessible and desirable to its users. But: consistency is key. This is where the new design system comes into play.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F26%2FE-1-zkb-mobile-card-light-dark_uid_6267f77c66023.png%3Ft%3D1650980732&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FE-2-zkb-mobile-color-themes_uid_626631cae296c.png%3Ft%3D1650864586&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FE-3-zkb-mobile-typography_uid_626631cb4dd67.png%3Ft%3D1650864587&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FE-4-zkb-mobile-card-theming_uid_626631cb997ea.png%3Ft%3D1650864587&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FE-5-zkb-mobile-slider-theming_uid_626631ce069b3.png%3Ft%3D1650864590&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FE-6-zkb-mobile-colors_uid_626631ce6785f.png%3Ft%3D1650864590&w=3840&q=80)
"A big part of developing the visual design of the app was fine-tuning the color palette to fit the brand while still adhering to the highest accessibility standards."
Conclusion
Big impact on a small screen
The redesign was the starting signal for ZKB to catch up with other (neo-)banks in the mobile sector. Together with ZKB, we were not only able to launch a mobile banking app 2.0 that exploits all the advantages of user-centered design, but also a design system that will serve as a tool in the future to establish, expand, and maintain the high-quality standard across apps. Thinking long-term and designing for tomorrow today is one of the most important aspects of our work and one of the main reasons why customers want to work with us.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FG-1-zkb-mobile-home-transactions_uid_626631d3094bb.png%3Ft%3D1650864595&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FG-2-zkb-mobile-vermoegen_uid_626631d5e2313.png%3Ft%3D1650864597&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F25%2FG-3-zkb-mobile-konto_uid_626631d81007a.png%3Ft%3D1650864600&w=3840&q=80)
Project facts
Market
B2C
Industry
Finance & Banking
Type
Mobile Application
Services
Design
Duration
Sep 2020 – May 2022
Go Live
February 2022
Project team
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2021%2F01%2F31%2Fjoel_sinnott_uid_60174290dda10.jpg%3Ft%3D1612137104&w=3840&q=80)
Joel
Design
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2024%2F01%2F16%2FCorina-Final-klein-Website_uid_65a681106d5a4.jpg%3Ft%3D1705410832&w=3840&q=80)
Corina
UX Design
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2021%2F01%2F31%2Fselina_uid_60174298e852c.jpg%3Ft%3D1612137112&w=3840&q=80)
Selina
UX Research
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F11%2FNico-Nydegger_uid_6254187756219.jpg%3Ft%3D1649678455&w=3840&q=80)
Nico
UX Design
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F05%2F03%2FGiacomo-Pedemonte-UX-Design-1_uid_62711e2576351.png%3Ft%3D1651580453&w=3840&q=80)
Giacomo
UX Design