2019 年 14 大金融服務網站設計

在比較在線服務時，我們傾向於根據網站的內容和整體設計做出判斷。 在推廣您的金融服務網站時確保清晰且用戶友好的設計是導致潛在客戶選擇您的產品而不是競爭對手的原因。

這就是為什麼您的整體設計必須讓客戶在外觀和感覺上都彷彿來到了正確的地方。 如果您不知道從哪裡開始，我們已經整合了我們的頂級金融服務網站。

一個深思熟慮的設計依賴於清晰、直接的信息和你呈現它的方式。 例如，使用視覺層次結構突出顯示免費報價或聯繫電話等內容，讓用戶知道您已將他們的需求放在首位，讓您的網站感覺更好。

為了演示網站如何執行其設計決策，這裡有 14 個利用上述品質的金融服務網站。

1. SGUA

網站：https://www.sgua.com.au

SGUA 為房東提供最超值的住宅物業保險。

是什麼讓他們的網站成為最受歡迎的：

• 在整個站點中使用位置良好的號召性用語按鈕。
• 黑色和白色與強調色的混合給人一種干淨、銳利和自信的感覺。
• 他們的報價請求表會引導您完成一個多步驟的過程，這是產生更多潛在客戶的好策略。
• 在他們的網站上可以看到報價、索賠和付款等功能，而表格或報表則貼有標籤且易於訪問。
• 它可以響應移動視圖，導航欄巧妙地隱藏在漢堡菜單下。

2. 凱普特

網站：https://www.capitecbank.co.za/

Capitec Bank Limited 旨在為客戶創造更美好的金融生活，提高生活水平。

是什麼讓他們的網站獨一無二：

• 舊導航欄的新變化！ 將鼠標懸停在他們的“快速信息”上是一個受歡迎的變化，可以吸引客戶的注意力。
• 網上銀行被放置在網站的頂部，使其高度可見和可訪問。
• 動畫號召性用語 (CTA) 按鈕。
• 對用戶有用的功能包括銀行成本計算器、信貸工具、儲蓄計算器和預算。
• 該網站非常整潔。 登錄頁面只包含用戶感興趣的信息。客戶一目了然不需要的每條信息都隱藏在單獨的標籤中，因此用戶無需滾動即可找到他們正在尋找的內容。
• 白色背景賦予它專業和簡約的外觀。 背景也使 CTA 形成鮮明對比，增強了它們的可見性。

3. CANSTAR

網站：https://www.canstar.com.au/

Canstar 成立於 25 年前，是澳大利亞最大的金融比較網站。 專家能夠審查超過 4,000 種房屋貸款選項供您進行比較。

是什麼讓他們的網站獨一無二：

• 使用白色空間和對比鮮明的藍色使所有信息都易於發現。
• 將鼠標懸停在導航欄上時會下降，從而消除不必要的用戶交互。
• 在他們的著陸頁上比較房屋貸款可以為您提供當前利率和每月還款額。 為了輕鬆找到最適合的貸款，該網站可以過濾貸款類型、功能和貸方。
• 從貸款到所得稅、儲蓄到信用卡的財務計算器都可在現場使用，並且易於訪問。
• 動畫是簡約的，但仍然可以增強用戶，同時保持網站的專業性。
• 在他們的網站上使用藍色不僅美觀，而且據說可以提高用戶的信任度。

4. 信息選擇

網站：https://www.infochoice.com.au/

使用 InfoChoice，您可以比較不同類型的貸款、信用卡和許多其他重要的金融服務，直到找到最適合您生活方式的服務。

是什麼讓他們的網站獨一無二：

• 將鼠標懸停在上方時，按鈕會從淺藍色變為更深的陰影。 一個合理的設計選擇，因為它將焦點吸引到所選選項上，同時保持用戶的注意力。
• 提供一系列計算器，包括本金和利息、一次性付款、拆分和房屋貸款。
• 每日特價顯示在主頁上。
• 作為訪客，您甚至可以預訂與專業的澳大利亞抵押貸款經紀人通話。

5. 澳大利亞聯邦銀行

網站：https://www.commbank.com.au/

澳大利亞聯邦銀行是領先的綜合金融服務提供商之一，提供廣泛的服務，包括財務規劃、旅遊產品和商業產品。

是什麼讓他們的網站獨一無二：

• 他們的調色板僅包括三種顏色：黑色、白色和黃色。 調色板給網站帶來了流線型的感覺，以及令人難忘的品牌。
• 他們的常規服務都在頂部導航欄中，使它們易於訪問。
• 彈出聊天服務，導致預約。
• 產品以大按鈕的形式呈現給用戶，垂直位於左側 請記住，我們是從左到右閱讀的，這樣可以毫不費力地吸引我們的注意力。
• 社會貢獻列表還有助於與訪客形成更積極的關係。
• 下載他們的應用程序的鏈接可在網站上找到。 使用它可以節省大量時間。
• 客戶可以藉助現場提供的各種工具和計算器輕鬆創建他/她的預算。

6. 信用業力

網站：https://www.creditkarma.com/

使用 Credit Karma，您不僅可以忽略和比較影響您信用評分的服務，而且您還可以申請免費和輕鬆的信用評分評級。 此外，您將獲得監控和洞察力，以幫助提高您的分數。

是什麼讓他們的網站獨一無二：

• 該網站通過使用黑色、白色和灰色等簡單顏色來實現其時尚的設計，僅通過使用大膽原色的圖像和按鈕來強調它們。 原色的使用使網站不會感到無聊並給人一種獨特的感覺。
• 免費信用評分、債務償還計算器、簡單貸款計算器和攤銷計算器等工具被突出顯示並可供客戶使用。
• 懸停時，菜單從導航欄中的選項卡下拉。
• 具有明亮顏色背景的大字體 CTA 按鈕已放置在頁面頂部，並在頁面末尾以反轉顏色重複，以獲得最大的用戶注意力。
• App Store 和 Google Play 上的應用程序鏈接，使其易於下載。
• 他們廣泛的安全和隱私。 作為金融服務提供商，這一步不應被忽視，因為它經常會影響並確保不確定的訪問者。

7. 澳新銀行國際銀行

網站：https://www.anz.com.au/personal/travel-international/

ANZ 國際銀行業務是任何希望在國際上旅行或生活的人的必備之選。 它允許從海外開設銀行賬戶以及一系列的服務，一切準備就緒，在您到達之前。

是什麼讓他們的網站獨一無二：

• 允許您在線創建您的銀行賬戶並將資金轉移到海外。
• 包括外匯匯率和貨幣轉換器等功能
• 用戶可以輕鬆找到產品和工具，因為它們分為兩個獨立的組件。 這種設計選擇吸引了我們大腦中喜歡尋找模式和分組事物的部分。
• 該頁面的設計使產品首先顯示，並顯示任何相關優惠以吸引希望旅行的客戶。
• 客戶可以輕鬆下載他們的應用程序以供移動使用。 根據當前趨勢，社交媒體鏈接位於頁面的左下角。

8.友邦保險

網站：http://www.aia.com.au/

AIA 旨在通過收入保障和業務開支援助，為您提供財務保障。 他們還協助開發健康的工作環境，並為不同的人生階段量身定制個人計劃。

是什麼讓他們的網站獨一無二：

• 英雄橫幅中使用的圖像現代且符合遊客期望看到的趨勢。 它們還對應於每個服務或關鍵時刻，而不會過於字面。
• 產品及其對應的描述被設計為可點擊的圖標，使可點擊區域更大，交互更容易。
• 下拉菜單擴展為一個大型面板。 該菜單允許對作為視覺提示添加的相關主題和圖像進行分組。

9. 安盛

網站：https://us.axa.com/home.html

自 1859 年以來，AXA 一直確保其客戶和家人的財務安全。 他們的主要服務包括為企業提供財務建議、退休計劃、人壽保險和員工福利。

是什麼讓他們的網站獨一無二：

• 系統會提示客戶根據他們尋求幫助的內容選擇服務。 這種善解人意的設計有助於企業與潛在訪客建立聯繫。
• 這種同理心持續到他們的內容寫作中，因為他們在頂部導航欄中有一個“你的目標”部分，並根據“家庭”和“工作”劃分他們的產品。
• 家庭服務和工作服務也通過顏色在主頁上分開。
• 退休福利金額、全國客戶數量、服務期限和獎學金等關鍵數據展示了 AXA 作為一家信譽良好的公司，為其品牌樹立了積極的形象，並贏得了潛在客戶的信任。
• 有一個粘性垂直按鈕，可以讓您輕鬆提供反饋，方便用戶體驗的輕鬆收集。

10.貝寶澳大利亞

網站：https://www.paypal.com/au/home

PayPal Australia 旨在讓轉賬變得簡單。 無論是在朋友和家人之間，還是在網上商店，PayPal 都能提供安全的結賬和轉賬，而無需不斷輸入您的卡或銀行詳細信息。 PayPal 還保證購買的安全性，為任何欺詐賬戶的騙局提供退款政策。

是什麼讓他們的網站獨一無二：

• 可見的 CTA 按鈕。
• 正確使用幽靈按鈕，創建一個流，其中 CTA 是觀眾首先看到的。
• 提供了一個簡單而信息豐富的圖形，展示了 PayPal 的工作原理 - 以引人入勝且可靠的方式為訪問者提供必要的信息。
• 該網站提供了指向其 Android 和 iOS 應用程序的單獨鏈接，以增強其網站的可用性。
• 將鼠標懸停在巨型下拉菜單上可觸發，以便用戶更直觀。

11.SoFi

網站：https://www.sofi.com/

SoFi 是一家致力於幫助學生、個人和住房貸款的公司。 此外，他們還提供金錢和投資服務。

是什麼讓他們的網站獨一無二：

• 粘性導航欄，他們的不同服務和產品始終可見。
• 為他們的英雄部分選擇視頻是一個大膽的選擇，可以與他們的前瞻性想法無縫協作。 功能部分中的學術和財務成功和救濟主題讓用戶感受到網站的善意和創新。
• 單擊頁面底部的 CTA 會觸發他們的產品頁面在現有窗口中打開而不是單獨的窗口，從而允許用戶輕鬆單擊並返回主頁。
• 關鍵人物，包括網站上出現的會員、推薦人和還款，作為社會證明，以提高所提供服務的可靠性，而他們在生動的彩色背景上的出現則提高了他們的知名度。
• 會員享受的福利通過相關圖片成為焦點，炫耀權利，而不是依賴大量文字。
• 他們的 Android 和 iOS 平台應用程序以及社交頁面的鏈接捆綁在右下角，訪問者通過體驗會期望他們在那裡。

12. 西太平洋銀行

網站：https://www.westpac.com.au/

作為澳大利亞歷史最悠久的銀行機構，西太平洋銀行以其出色的金融服務而聞名。 該公司管理著超過 1,400 萬客戶，並通過道瓊斯可持續發展指數連續四次被評為最具可持續性的全球銀行，保持其聲譽。

是什麼讓他們的網站獨一無二：

• 英雄部分用鮮紅色的設計剪裁了形象，吸引了人們對他們的 CTA 的關注，並展示了他們的標誌顏色。
• 重要的產品和服務位於英雄圖像下方，無需在中斷下方滾動。
• 單獨的部分專用於個人和商業用途，使用兩種不同的灰色陰影進行定義。
• 通過水平結構的網站，他們的實時匯率可以一目了然。
• 導航欄是粘性的，帶有用於個人、商業和公司應用程序的按鈕，因此訪問者不必搜索他們想要的信息。
• 社交媒體鏈接像大多數傳統網站一樣顯示在底部。

13. 本迪戈銀行

網站：https://www.bendigobank.com.au/public/

本迪戈銀行最初開始幫助澳大利亞同胞建造自己的房屋，現在被公認為澳大利亞的主要銀行之一。 該公司承認其在客戶和環境方面的作用和責任，甚至推廣他們的環保“綠色貸款”。

是什麼讓他們的網站獨一無二：

• 滑動的英雄形象展示了銀行的好處，促使訪問者了解更多信息。 動畫不僅吸引了觀眾的注意力，而且還有助於建立一目了然的可靠性。
• 導航欄是懸停敏感的，每個下拉菜單都是對比鮮明的灰色陰影，定義主要信息或服務的子部分。
• 英雄形象運用了相似法則和三分法則。 這些規則提高了網站的可用性以及整體設計。
• 一個可見的大型幫助部分，供用戶輕鬆查看和訪問。
• 單擊時會顯示其他信息，並在同一頁面上打開。
• 站點地圖分為多個類別，使客戶可以輕鬆瀏覽主題。

14. 改善

網站：https://www.betterment.com/

Betterment 是一家在線財務顧問，其平台專為任何想要投資的人而設計。 他們的目標非常簡單：為那些不會滿足於任何更少的人提供更好的投資。

是什麼讓他們的網站獨一無二：

• 乾淨、強烈和自信的外觀是通過將黑白調色板與另一種強調色相結合來實現的。
• 視頻用於告知用戶他們的服務。
• 可見的應用程序鏈接。
• 一種現場工具，僅根據年齡和年收入為其用戶提供即時投資建議。 不同的投資計劃用顏色編碼並詳細說明，提供應投資的公司名稱。

再一次，您的網站高度可用且引人入勝至關重要，但工作並不止於此。 維護您的網站需要很好地了解人們的期望和挫折以及適應性。 此外，隨著數據洩露的威脅越來越大，網絡安全需要定期更新。

在與您的設計師交談時，請牢記我們的要點，以創建一個訪問者將繼續返回的網站。