Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.
10:30

What Color Is Your Money? Showcase of Bank Websites Worldwide

Advertisement in What Color Is Your Money? Showcase of Bank Websites Worldwide
 in What Color Is Your Money? Showcase of Bank Websites Worldwide  in What Color Is Your Money? Showcase of Bank Websites Worldwide  in What Color Is Your Money? Showcase of Bank Websites Worldwide

Having lived and worked in various countries during the past 15 years, I have accumulated quite a few different bank accounts. On any given day, some of us may actually need to log on to at least three bank websites. And while one wouldn’t normally turn to a bank website for inspiration, it is actually surprising how the world of money is quite useful for considering the different ways large amounts of critical information can be packaged.

Developers and designers of bank websites have the ultimate of job tasks to fulfill in planning a bank’s website information architecture. Of utmost importance is security and functionality. Then comes the entire suite of corporate marketing communication must-haves such as strategy, usability, portability, accessibility and highly likely multilingual services are a major consideration among the deliverables.

Banking is a highly competitive industry where the website needs to make existing clients feel safe with their financial transactions (client retention) as well as entice new customers (client acquisition). The client base is normally extremely diverse. At any given time a bank needs to please large international multi-million dollar stakeholders at the same time as individuals who live from month to month on minimum wages. Client demand on bank websites is therefore assuming a broad range of wealth and responsibility.

Author’s Note:

“These days, it is barely imaginable how one would manage finances without the convenience of online banking services. To put this appreciation of online banking in perspective, and to give away a little idea of my age, I can actually remember physically visiting my small country town bank in Australia, little passport-sized bank book in one hand and an envelope with cash in the other. I happily walked out with the money safely deposited, a new hand-written savings total in my bank book, all stamped, dated and hand-signed by the banker. In between visits I kept my savings in a plastic kangaroo!”

What Color Is Your Money?

With the high-end security, seamless functionality specifications and corporate branding then being absolute priority, designers and developers around the world are producing some really pleasing-to-the-eye bank websites. For simplicity, we have collated the showcase by color:

  • Red (includes hues of pink for this article)
  • Blue (includes hues of purple for this article)
  • Yellow (includes hues of orange for this article)
  • Green
  • Gray (includes hues of brown for this article)

Specific Design Elements to Notice:

Besides the color breakdown, when perusing through the bank websites there are some interesting design elements worth noticing. Remember that bank websites are generally based on very complex sitemaps that must address thousands of customers (individuals and businesses), security and legal issues, service offerings, marketing and international relations. What we noticed in researching this article was:

  • The multiple, often replicated, navigation systems. A lot of the bank websites here include both horizontal and left and right vertical navigation, as well as key ‘call to action’ navigation ‘buttons’ via larger modular units in the center of the home page.
  • The navigation systems actually steer away from being drop-down lists activated on hover and are more likely to be completely displayed as a list.
  • The column grid structure for most of the bank websites is based on at least 4 columns.
  • The upper right hand corner is where most banks include the area for logging on to online accounts.
  • Steadily, banks are integrating social media into their online presence (please take a note of how many actually have Twitter and Facebook links on their home pages).
  • Search boxes are absolutely critical to bank websites.
  • Banks showcased here generally try to integrate humor or the ‘fun factor’ into the user experience. That is to say, online banking is shaking off some of the associations of the financial world being stuffy, old and boring.

We have actually marked the websites with a big ‘love the design’ where we feel a lot of extra love and attention has gone into the design, beyond the corporate information architecture.

Shades of Red

On putting this article together and sifting through hundreds of bank websites, red (and blue, see below) is a dominant color choice for banks. Red is one of the three primary colors (red, blue and yellow) and because it is the color of blood and raging fire, it is commonly associated with the following traits: courage, strength, power, energy, determination, passion, action and it has strong visibility (ie stop signs and danger signs are red). Strong shades of red often suggest vigor and leadership while lighter hues tending to pinks suggest a more passive and fresh approach.

Sparkasse, Germany

Produkte-und-Services-Ihrer-Sparkasse 1284468132848-e1284470984910 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Sainsbury’s Bank, United Kingdom Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Personal-Loans-Credit-Cards-Travel-Home-Life-Pet-Insurance-Sainsburys-Finance 1287141192214-e1287141324449 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Citigroup, USA

Citi-Home 1287138832245-e1287139103594 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Absa Bank, South Africa

Absa-Bank-Home-Page-Commercial-Retail-Bank 1284474643858-e1284474732373 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Helm Bank, Panamá

Picture-3-e1287146077711 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Credit Suisse, Switzerland

Credit-Suisse-Wherever-you-are 1284490023964-e1284490204565 in What Color Is Your Money? Showcase of Bank Websites Worldwide

HSBC, United Kingdom / International

Bank-Accounts-Mortgages-Online-HSBC-Bank-UK 1284471072100-e1284471266154 in What Color Is Your Money? Showcase of Bank Websites Worldwide

NAB, Australia Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

NAB-National-Australia-Bank 1284448845736-e1284476219944 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Alfa Bank, Russia

Alfa-Bank 1285583156010-e1285583256493 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Citizens Equity First Credit Union, United States

CEFCU-Home-Page 1287141471877-e1287141623344 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Canadian Imperial Bank of Commerce, Canada

Personal-Banking 1287140538066-e1287140668377 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Westpac Bank, Australia

Westpac-Australias-First-Bank 1287140337037-e1287140506247 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Afriland First Bank, Cameroon

Le-partenaire-s R 1284472284459-e1284472406599 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Santander, Brazil

Banco-Santander-Brasil-S A 1284477859720-e1284478077973 in What Color Is Your Money? Showcase of Bank Websites Worldwide

CIM Banque Geneve, Switzerland Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

CIM-Banque-Gen C3 A8ve-Votre-Banque-Priv C3 A9e-Suisse-depuis-1990 1284487749826-e1284487985865 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banca di Roma, Italy

Conti-Carte-Finanziamenti-UniCredit-Banca-di-Roma 1285585177285-e1285585334688 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Shades of Blue

Blue is the classic corporate color of choice. Blue is associated with depth and stability, trust, loyalty, wisdom, confidence, intelligence, knowledge, power, integrity and seriousness.

However, customers have over the years developed a love or hate relationship with their financial service firms. It is perhaps needless to mention here the financial crisis of 2008 where large financial institutions collapsed, banks were bailed out of seriously deep trouble by national governments and  stock markets crashed all around the world. Building trust and loyalty takes somewhat more than the perfect shade of blue.

Here are a selection of bank websites from around the world whose main online color is set around blue. We have included purple websites here as it expresses the stability of blue and the energy of red. Purple is associated with royalty and luxury. Dark blue tends more toward representing knowledge, power, integrity, and seriousness while a lighter blue hedges toward offering understanding and gentleness.

Rietumu Banka, Latvia
Latvia in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banco de Chile, Chile

Personas-Banco-de-Chile 1287140083268-e1287140807679 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Bank of New Zealand Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

BNZ-Internet-banking-home-loans-credit-cards-personal-and-business-finance-Bank-of-New-Zealand-BNZ 1285589425940-e1285589516762 in What Color Is Your Money? Showcase of Bank Websites Worldwide

VTB Bank, Russia

VTB- -World-without-barriers 1284472643668-e1284472825564 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Qatar National Bank, Qatar

QNB-The-Leading-National-Bank-In-Qatar-Home-Page 1284490290731-e1284490427518 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banca Etruria Group, Italy

Banca-Etruria-Home 1285585662405-e1285585894276 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Royal Bank Canada

Personal-Banking-Advice-you-can-bank-on-RBC-Royal-Bank 1287140368175-e1287140930798 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Siam Commercial Bank, Thailand

Scb Thai 1284475057832-e1284475370115 in What Color Is Your Money? Showcase of Bank Websites Worldwide

BancoSol, Bolivia

BancoSol-Bolivias-best-bank 1285609419524-e1285609629450 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Chase, USA

Personal-Banking-Personal-Lending-Retirement-amp-Investing-Business-Banking 1285431880030-e1285432698543 in What Color Is Your Money? Showcase of Bank Websites Worldwide

China Construction Bank, China

ChinaCB-e1285587945961 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banque Populaire, France

Banque-Populaire-la-Banque-de-ceux-qui-entreprennent-leur-vie- 1284472033439-e1284472123669 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Deutsche Bank, Germany Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Willkommen-bei-der-Deutschen-Bank-Leistung-aus-Leidenschaft 1284467876933-e1284476127131 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Natixis, France

Natixis-Top-class-banking-and-financial-solutions 1285591995827-e1285592078186 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Valiant, Switzerland

Valiant-Startseite 1284488088363-e1284488369806 in What Color Is Your Money? Showcase of Bank Websites Worldwide

CSOB, Slovakia Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

CSOB-Banka 1285591281576-e1285591577502 in What Color Is Your Money? Showcase of Bank Websites Worldwide

CapitalOne, USA

Capital-One-Credit-Cards-Banking-Auto-Loans-Checking-and-Savings-Accounts-and-Small-Business-Credit-Cards 1284470650784-e1284470735235 in What Color Is Your Money? Showcase of Bank Websites Worldwide

ANZ, Australia and New Zealand Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

ANZ-Personal-Online-Banking 1284471694119-e1284471797980 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Standard Bank, South Africa

Standard-Bank-Home 1284473448575-e1284473602555 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Bank of Hawaii, USA

Bank-of-Hawaii-Homepage 1285589159703-e1285589297158 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Barclays, England Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Personal-Banking-from-Barclays-Barclays 1284476379198-e1284476580193 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Emirates NBD, United Arab Emirates

Emirates-NBD-Personal-Banking 1285590250119-e1285590362111 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Hungarian Development Bank, Hungary

Hungary MFB 1285590942384-e1285591021824 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Delta Community Credit Union, United States

Delta-Community-Credit-Union-Headquartered-in-Atlanta-Georgia 1287141678376-e1287141818967 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Shades of Yellow

Like red, yellow has an energetic influence and an alarm effect. It is also associated with joy, happiness, honor, loyalty and intellect. It is warming (directly associated to the sun) and stimulates a cheerful ease while at the same time is considered fresh and zingy. Used too liberally though, yellow can be disturbing and get in the way of content on a website. Used sparingly, it can be inviting and assuring. Orange has also been included in this group as it combines the energy of red and happiness of yellow. Orange is the color of enthusiasm, fascination, happiness, creativity, determination, attraction, success, encouragement and stimulation. Some also associate orange with endurance.

Guaranty Trust Bank, Nigeria Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

28-GMT 0200-CET 1286892460303-e1286892606351 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Kookmin Bank, Korea

Kbstar-e1285584847705 in What Color Is Your Money? Showcase of Bank Websites Worldwide

ING DiBa, Germany Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Girokonto-Festgeld-Baufinanzierung-Kredite-Wertpapiere-ING-DiBa 1284467516117-e1284473263585 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Commonwealth Bank Australia Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Home-Page-Commonwealth-Bank-Group 1284448960248-e1284473399816 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Bank of Ayudhya, Thailand

Krungsri Com 1284475514430-e1284475902746 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Attijariwafa Bank, Morocco

Attijariwafa-bank-Accueil- 1287141897721-e1287142106528 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Commerzbank, Germany

Commerzbank-Homepage 1285590074792-e1285590187100 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Bankinter, Spain

BankinterBanca-de-particularesInversiones-Financiaci NInicio 1284477086104-e1284477181665 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Falkenbergs Sparbank, Sweden

Falkenbergs-Sparbank 1285590435403-e1285590529834 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banco do Brasil

Bb Com Br 1284477529628-e1284477652334 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Pireaus Bank, Egypt

Welcome-To-Piraeus-Bank-Egypt 1284490407262-e1284490648706 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Shades of Green

As we move down our color comparison list of financial websites, there becomes fewer examples to find for greens and grays. We actually discovered, however, that quite a few banks in African countries and other developing lands use green shades for bank websites. Green is the color for growth, nature and healing. It is also directly symbolic of money (and greed and jealousy).

Nedbank, South Africa Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Nedbank-Home 1284474492971-e1284474580268 in What Color Is Your Money? Showcase of Bank Websites Worldwide

SBERBANK, Russia

Sbrf-e1285583510667 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Magyar Nemzeti Bank, Hungary

Magyar-Nemzeti-Bank 1286889544975-e1286889666685 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Appenzeller Kantonalbank, Switzerland

APPKB-Appenzeller-Kantonalbank 1284488779339-e1284489013736 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banco Azteca, Panamá

Banco-Azteca-Panam -Tu-sucursal-Personal 1287145121417-e1287145260542 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banca Nazionale del Lavoro S.p.A., Italy

BNL-BNP-Paribas-Welcome-Welcome 1285585386122-e1285585501690 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Islamic Bank of Thailand

ISLAMIC-BANK-OF-THAILAND 1284475494807-e1284475694722 in What Color Is Your Money? Showcase of Bank Websites Worldwide

First National Bank, South Africa

Home-First-National-Bank-FNB 1284473682215-e1284474011997 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Kenya Commercial Bank

KCB-Kenya-Home 1284478242469-e1284478370669 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Israel Discount Bank

Israel Hebrew-e1285591249902 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Crédit Agricole, France Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Cr Dit-Agricole-CIB-Corporate-and-Investment-Banking- -Cr Dit-Agricole-CIB 1285587363715-e1285587672219 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Shades of Gray & Brown

Black and white are not colors on the ‘Color Wheel‘. They are defined as ‘neutral’ colors. Shades of gray (and brown for this article) are generally neutral colors which tend not to assume a strong or specific emotional association – except for general neutrality. While black on its own can symbolize morbidity, death or mystery, it is also a clear expression of power and clarity. White is also a statement of purity and clean cut lines. Shades of brown communicate earthiness and wholesomeness. We discovered a few financial websites that use predominantly shades of grays and browns, but not many.

Macquarie Group, Australia Lovethedesign in What Color Is Your Money? Showcase of Bank Websites Worldwide

Macquarie-Group-Australia 1285591645695-e1285591822156 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Bank of England, United Kingdom

Bank-of-England-Home 1286890738641-e1286890857456 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Rand Merchant Bank, South Africa

RMB-Traditional-values -Innovative-ideas 1285592518061-e1285592602383 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Central Bank of Libya

Central-Bank-Of-Libya-Home-Page 1286889965680-e1286890066546 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Banco de España, Spain

Spain in What Color Is Your Money? Showcase of Bank Websites Worldwide

SKB Banka, Slovenia

Osebne-finance-SKB 1285607433160-e1285607570286 in What Color Is Your Money? Showcase of Bank Websites Worldwide

Central Bank of Bahrain

Central-Bank-of-Bahrain 1286888552526-e1286888707823 in What Color Is Your Money? Showcase of Bank Websites Worldwide

What Color Is Your Money?

This article is in no way an exhaustive collection of bank websites of the world. These are some of the better designed and constructed works. If you can suggest any more that should be added to this showcase, please add them in the comments below. And next time you are visiting your own bank’s website, instead of just going to your online account to see how rich or poor you are, have a further look around the site and see how well it has been put together. Check out the sitemap and consider the structure that has been employed to make the site cohesive. Make a note to see if the ‘business customer’ pages are designed differently to the ‘individual customer’ pages.

Partial Bibliography

USA Banks, All banks and Finance, Banking and Rates
Central Bank websites
A Look into Color Theory in Web Design

(rb)

(PRO)
No Soup for you

Don't be the product, buy the product!

close
YES, I want to SOUP ●UP for ...