Emerald: website design for an online bank

Details

Client
Emerald
Category
Web Design
Created
2021

Emerald is a bank with online banking and payment services: a UK multi-currency IBAN account, SEPA, TARGET2 and SWIFT payments, and acquiring. Ouff Grafik designed its website for desktop and mobile.

Emerald website homepage split screen with payment cards and green accents
Emerald website hero screen and additional banking pages mockup
Emerald website IBAN account and acquiring pricing table screens

Design: the first screen is divided in two — Payment Services on the light side and Acquiring on the emerald-green side, with two cards floating over the dividing line inside a thin circle. Both main directions of the bank are visible at once.

The palette is emerald green, white and graphite grey; headlines are set in a clean sans-serif in green. Services are listed with simple line icons on soft green tiles. The design covers the home page, service lists, a fee table for the IBAN account, acquiring and card, a menu panel with policy links, the Online Banking entry, App Store and Google Play buttons, and a mobile version. In the “emerald” wordmark, a faceted gem shape replaces the second e.

01 — 03

Payments and acquiring — side by side on one screen.

Emerald Bank app screen on a phone with a dark bank card overlapping
Emerald Bank cards in green and grey, angled against dark background

The same emerald green and graphite carry over from the website to the mobile layout and to the Emerald payment cards shown alongside it.