Evangelische Bank

Evangelische Bank had recently restructured their website navigation to put a stronger focus on their institutional clients rather than private customers. Until then, their homepage was addressing private clients only and contained content tailored to them. They asked us to come up with new elements for the homepage that would work for both target groups but keep with the style and functionality of the website as it was. I consulted with the client on what types of content would work, then wireframed, designed and iterated on a restructured page.

I kept several modules from the old design functionally the same, while changing the content they contained and tweaking the design slightly. The section about what distinguishes the EB from other banks for example stayed, because it highlights the main values of the bank: responsibility and sustainability.

I adjusted the transparency of the overlay on hover on the cards so as to make the white text more readable. The square format also had to go in order to fit all cards into one view of the screen if possible. The cards were designed to be fully clickable, in contrast to the button on the old cards, which moved up and down with hover and was hard to actually catch. This section will, in the future, contain links to pages that are interesting to institutions as well as private clients of the bank.

I overhauled the news section, adding the option to jump to the news page and highlighting one news item. This provides the option to pull the user’s focus toward an item that can be curated to be important for either target group of Evangelische Bank.

We went through several iterations on the header, which mainly had to do with image formats and the idea to put a video at the start of the page. Finally we settled on text on a clean white background and had a meeting to talk about which types of images work as a background for a header (image focus not behind the text box, not too detailed, good quality, exciting image to draw attention).

Finally, the footer was tricky because it needed to display ways of contacting Evangelische Bank for both private clients and institutions. After removing some clutter and moving some great content from the footer to more appropriate regions of the website, we arrived at a simpler and cleaner design that will be more comfortable to navigate for all users.