2019年のトップ14の金融サービスウェブサイトのデザイン
公開: 2019-06-10オンラインサービスの比較に関しては、サイトのコンテンツと全体的なデザインに基づいて判断する傾向があります。 金融サービスのウェブサイトを宣伝するときに明確でユーザーフレンドリーなデザインを確保することは、潜在的なクライアントが競合他社よりもあなたの製品を選択するように導くものです。
そのため、全体的なデザインでは、顧客が適切な場所に来たかのように見えることと感じることの両方が不可欠です。 どこから始めればよいかわからない場合は、トップの金融サービスWebサイトをまとめました。
ただし、最初に、新しいWebサイトに必要ないくつかの重要な要素を次に示します。
- 適切な画像とビデオを備えた歓迎のホームページ。
- 簡単なナビゲーションのために構造化された、すっきりとしたレスポンシブデザイン。
- アクションボタンへの目に見える呼び出し。
- ウェブサイトのブランディングとアイデンティティのためのユニークなロゴ。
- レート管理計算機。
- オンライン口座開設と財務フォームへのアクセス。
- ソーシャルアカウントへのリンク。
- 私たちについてのページ。
- バックエンドは簡単に管理できる必要があります。
よく考えられたデザインは、明確でわかりやすい情報とそれを提示する方法の両方に依存しています。 たとえば、視覚的な階層を使用して無料見積もりや連絡先番号などのコンテンツを強調表示すると、ユーザーは自分のニーズを最前線に置いたことを知らせ、サイトの雰囲気を良くすることができます。
サイトが設計上の決定をどのように実行するかを示すために、上記の品質を利用する14の金融サービスWebサイトを次に示します。
1. SGUA
ウェブサイト:https://www.sgua.com.au
SGUAは、家主に住宅用不動産に最も価値のある保険を提供します。
彼らのサイトをお気に入りにしている理由:
- サイト全体で適切に配置された召喚状ボタンの使用。
- 黒と白にアクセントカラーを組み合わせることで、すっきりとしたシャープでアサーティブな印象を与えます。
- 彼らの見積もり要求フォームは、より多くのリードを生成するための優れた戦略である、複数のステップのプロセスを案内します。
- 見積もり、請求、支払いなどの機能はWebサイトに表示されますが、フォームやステートメントには適切なラベルが付けられており、簡単にアクセスできます。
- ナビゲーションバーがハンバーガーメニューの下に巧みに隠れているため、モバイルビューに対応できるようになっています。
2.キャピテック
ウェブサイト:https://www.capitecbank.co.za/
Capitec Bank Limitedは、顧客の経済的生活を改善し、生活水準を向上させることを目指しています。
彼らのサイトがユニークな理由:
- 古いナビゲーションバーに新たな工夫を加えました! 彼らの「クイック情報」にマウスを置くことは、顧客の注意を引く歓迎された変更です。
- インターネットバンキングはサイトの上部に配置されており、視認性とアクセス性が高くなっています。
- アニメーションによる行動の呼びかけ(CTA)ボタン。
- 銀行のコスト計算機、クレジットツール、貯蓄計算機、予算など、ユーザーに役立つ機能。
- サイトはとてもきれいで整頓されています。 ランディングページには、ユーザーが興味を持っている情報のみが含まれています。クライアントが一目で必要としないすべての情報は、個別のタグに隠されているため、ユーザーはスクロールして探しているものを見つける必要がありません。
- 白い背景はそれにプロフェッショナルでミニマルな外観を与えます。 また、背景によってCTAがはっきりと対照的になり、視認性が向上します。
3.CANSTAR
ウェブサイト:https://www.canstar.com.au/
25年前に設立されたCanstarは、オーストラリア最大の財務比較サイトとして機能します。 あなたが比較するために4,000以上の住宅ローンオプションを検討することができる専門家と。
彼らのサイトがユニークな理由:
- 空白と対照的な青を使用すると、すべての情報を簡単に見つけることができます。
- ナビゲーションバーは、マウスを合わせるとドロップダウンし、不要なユーザー操作を排除します。
- ランディングページで住宅ローンを比較すると、現在の金利と毎月の返済額がわかります。 どのローンが最適かを簡単に見つけるために、サイトはローンの種類、機能、貸し手をフィルタリングできます。
- ローンから所得税、貯蓄からクレジットカードまでの財務計算機は、サイトで利用でき、簡単にアクセスできます。
- アニメーションはミニマルですが、サイトをプロフェッショナルに保ちながら、ユーザーを強化するために機能します。
- 彼らのウェブサイトでの青の使用は、目に優しいだけでなく、ユーザーの信頼を促進すると言われています。
4. InfoChoice
ウェブサイト:https://www.infochoice.com.au/
InfoChoiceを使用すると、ライフスタイルに最適なものが見つかるまで、さまざまな種類のローン、クレジットカード、およびその他の多くの重要な金融サービスを比較できます。
彼らのサイトがユニークな理由:
- カーソルを合わせると、ボタンが水色から濃い色に変わります。 ユーザーの注意を引き付けながら、選択したオプションに焦点を合わせるサウンドデザインの選択。
- 元本と利息、一括払い、分割、住宅ローンなど、さまざまな計算機を利用できます。
- ホームページに表示される日替わり特典。
- 訪問者として、あなたは専門家のオーストラリアの住宅ローンブローカーとの電話をスケジュールするために予約することさえできます。
5.オーストラリアコモンウェルス銀行
ウェブサイト:https://www.commbank.com.au/
オーストラリア・コモンウェルス銀行は、統合金融サービスの大手プロバイダーの1つであり、フィナンシャルプランニング、旅行商品、ビジネス商品などの幅広いサービスを提供しています。
彼らのサイトがユニークな理由:
- 彼らのカラーパレットには、黒、白、黄色の3色しか含まれていません。 パレットは、サイトに合理化された感触と印象的なブランディングを提供します。
- 通常のサービスはすべて上部のナビゲーションバーにあり、簡単にアクセスできます。
- 予定の予約につながるチャットサービスをポップアップします。
- 製品は、左側に垂直に大きなボタンとしてユーザーに表示されます。左から右に読むことを念頭に置いて、簡単に注意を引くことができます。
- 社会貢献のリストは、訪問者とのより前向きな関係を形成するのにも役立ちます。
- 彼らのアプリをダウンロードするためのリンクは、ウェブサイトで入手できます。 とは大幅な時間の節約になります。
- クライアントは、サイトで利用可能なさまざまなツールと計算機の助けを借りて、自分の予算を簡単に作成できます。
6.クレジットカルマ
ウェブサイト:https://www.creditkarma.com/
Credit Karmaを使用すると、クレジットスコアに影響を与えるサービスを見逃して比較できるだけでなく、無料で簡単なクレジットスコアの評価をリクエストすることもできます。 さらに、スコアの向上に役立つモニタリングと洞察を得ることができます。
彼らのサイトがユニークな理由:
- このウェブサイトは、黒、白、グレーなどのシンプルな色を使用し、大胆な原色を使用した画像とボタンでアクセントを付けることで、スタイリッシュなデザインを実現しています。 原色の使用は、サイトが退屈に感じるのを防ぎ、独特の感触を与えます。
- 無料のクレジットスコア評価、債務返済計算機、単純なローン計算機、および償却計算機などのツールが強調表示され、顧客が使用できるようになっています。
- メニューは、ホバーするとナビゲーションバーのタブからドロップダウンします。
- 明るい色の背景を持つ大きなフォントのCTAボタンがページの上部に配置され、ユーザーの注意を最大にするためにページの最後に反転した色で繰り返されています。
- AppStoreとGooglePlayの両方にあるアプリへのリンクで、簡単にダウンロードできます。
- 彼らの広範なセキュリティとプライバシー。 このステップは、しばしば動揺し、不確かな訪問者を保証する可能性があるため、金融サービスプロバイダーとして見落とされるべきではありません。
7.ANZインターナショナルバンキング
ウェブサイト:https://www.anz.com.au/personal/travel-international/
ANZインターナショナルバンキングは、海外旅行や海外生活をお探しの方には必見です。 それはあなたが到着する前にすべてが行く準備ができているすべてのオーバーサービスと一緒に海外から設定された銀行口座を可能にします。
彼らのサイトがユニークな理由:
- オンラインで銀行口座を作成し、海外に資金を送金することができます。
- 外国為替レートや通貨コンバーターなどの機能が含まれています
- 製品とツールは、2つの別個のコンポーネントにグループ化されているため、ユーザーは簡単に見つけることができます。 このデザインの選択は、パターンを見つけて物事をグループ化するのが好きな私たちの脳の部分にアピールします。
- このページは、商品が最初に表示され、関連するオファーが表示されて、旅行を希望する顧客を引き付けるように設計されています。
- クライアントは、モバイルで使用するためにアプリを簡単にダウンロードできます。 ソーシャルメディアのリンクは、現在の傾向に従ってページの左下にあります。
8. AIA
ウェブサイト:http://www.aia.com.au/
AIAは、収入の保護と事業費の支援を通じて、あなたに経済的安全を提供することを目指しています。 また、健康的な職場環境の開発や、さまざまなライフステージに合わせて作成された個人的な計画を支援します。
彼らのサイトがユニークな理由:
- ヒーローバナーで使用されている画像は現代的で、訪問者が期待するものとトレンドになっています。 それらはまた、過度に文字通りではなく、各サービスまたは重要な瞬間に対応します。
- 製品とそれに対応する説明はクリック可能なアイコンとして設計されているため、クリック可能な領域が大きくなり、操作が簡単になります。
- ドロップダウンメニューがメガパネルに展開されます。 メニューでは、視覚的な手がかりとして追加された関連トピックや画像をグループ化できます。
9. AXA
ウェブサイト:https://us.axa.com/home.html
1859年以来、AXAはクライアントと家族の経済的安全を確保してきました。 彼らの主なサービスには、企業への財務アドバイス、退職計画、生命保険、従業員給付の提供が含まれます。
彼らのサイトがユニークな理由:
- 顧客は、助けを求めていることに基づいてサービスを選択するように求められます。 この思いやりのあるデザインは、ビジネスが潜在的な訪問者とつながるのに役立ちます。
- この共感は、トップナビゲーションバーに「YourGoals」セクションがあり、「Family」と「Work」に基づいて製品を分割しているため、コンテンツの作成を続けています。
- ファミリーサービスとワークサービスもホームページ上で色分けされています。
- AXAは、退職金の額、全国の顧客数、サービス期間、奨学金などの重要人物を紹介し、ブランドを前向きに捉え、潜在的な顧客の間で信頼を獲得しています。
- フィードバックを簡単に提供できる粘着性のある垂直ボタンがあり、ユーザーエクスペリエンスの収集が容易になります。
10.PayPalオーストラリア
ウェブサイト:https://www.paypal.com/au/home
PayPal Australiaは、送金を簡単にすることを目的としています。 友人や家族、オンラインストアのいずれであっても、PayPalは、カードや銀行の詳細を継続的に入力する手間をかけずに、安全なチェックアウトと転送を提供します。 PayPalはまた、購入の安全性を保証し、不正なアカウントの詐欺に対する返金ポリシーを提供します。
彼らのサイトがユニークな理由:
- 表示されるCTAボタン。
- ゴーストボタンを適切に使用して、CTAが視聴者に最初に表示されるフローを作成します。
- PayPalがどのように機能するかを示す、シンプルでありながら有益なグラフィックを提供し、訪問者に必要な情報を魅力的かつ確実に提供します。
- このサイトでは、AndroidアプリとiOSアプリへの個別のリンクを提供して、Webサイトの使いやすさを向上させています。
- メガドロップダウンメニューにカーソルを合わせるとトリガーされ、ユーザーにとってより直感的になります。
関連記事:オーストラリアのオンラインビジネスのためのトップ5のPayPal代替案
11. SoFi
ウェブサイト:https://www.sofi.com/
SoFiは、学生ローン、個人ローン、住宅ローンを支援することを目的とした会社です。 さらに、彼らはまたお金と投資サービスを提供します。
彼らのサイトがユニークな理由:
- さまざまなサービスや製品が常に表示される粘着性のあるナビゲーションバー。
- 彼らのヒーローセクションのビデオを選ぶことは、彼らの前向きなアイデアとシームレスに連携する大胆な選択です。 機能セクションの学術的および経済的な成功と救済のテーマは、ユーザーにサイトの善意と革新の両方の感覚を与えます。
- ページの下部にあるCTAをクリックすると、製品ページが別のウィンドウではなく既存のウィンドウで開き、ユーザーはクリックしてホームページに簡単に戻ることができます。
- サイトに存在するメンバー、紹介、返済などのキー数値は、提供されるサービスの信頼性を高めるための社会的証明として機能し、鮮やかな色の背景に表示されることで視認性が向上します。
- メンバーが享受するメリットは、多くのテキストに依存するのではなく、関連する画像を通じて焦点を当て、資格を誇示します。
- AndroidおよびiOSプラットフォーム用のアプリへのリンクとソーシャルページは、経験を通じて訪問者が期待する右下にまとめられています。
12. Westpac Banking Corporation
ウェブサイト:https://www.westpac.com.au/
Westpacはオーストラリアで最も古い銀行機関として、その卓越した金融サービスでよく知られています。 1,400万人を超える顧客を管理している同社は、ダウジョーンズサステナビリティインデックスを通じて、最も持続可能なグローバルバンクを4回連続で受賞しているという評判を維持しています。
彼らのサイトがユニークな理由:
- ヒーローセクションは、CTAに注目を集める明るい赤のデザインで画像をカットし、ロゴの色を披露しています。
- 重要な製品やサービスはヒーロー画像の下にあり、休憩時間の下をスクロールする必要がありません。
- 個別のセグメントは、個人用とビジネス用に使用され、2つの異なるグレーの色合いを使用して定義されます。
- サイトが水平に構成されているため、リアルタイムの為替レートを一目で確認できます。
- ナビゲーションバーは粘着性があり、個人用、ビジネス用、企業用のボタンが付いているため、訪問者は探している情報を検索する必要がありません。
- ソーシャルメディアのリンクは、ほとんどの従来のサイトと同様に下部に表示されます。
13.ベンディゴバンク
ウェブサイト:https://www.bendigobank.com.au/public/
もともと仲間のオーストラリア人が自分の家を建てるのを手伝い始めましたが、ベンディゴ銀行は現在オーストラリアの主要銀行の1つとして認識されています。 同社は、顧客と環境に関して、その役割と責任を認識しており、環境に優しい「グリーンローン」を推進しています。
彼らのサイトがユニークな理由:
- スライド式のヒーロー画像は、銀行のメリットを示しており、訪問者にそれぞれの詳細を確認するよう促しています。 アニメーションは視聴者の注目を集めるだけでなく、一目で信頼性を確立するのにも役立ちます。
- ナビゲーションバーはホバーセンシティブで、各ドロップダウンメニューは対照的な灰色の色合いで、主要な情報またはサービスのサブセクションを定義します。
- 類似性の法則と三分割法の両方がヒーロー画像の下で採用されています。 これらのルールにより、サイトの使いやすさと全体的なデザインが向上します。
- ユーザーが簡単に表示およびアクセスできる、表示された大きなヘルプセクション。
- クリックすると追加情報が表示され、同じページが開きます。
- サイトマップはカテゴリに分類されているため、顧客はトピックを簡単にナビゲートできます。
14.改善
ウェブサイト:https://www.betterment.com/
Bettermentはオンラインのファイナンシャルアドバイザーであり、投資を検討しているすべての人のためにプラットフォームが設計されています。 彼らの目標は非常に単純です。それ以下のことで妥協しない人々により良い投資を提供することです。
彼らのサイトがユニークな理由:
- 黒と白のカラーパレットと別のアクセントカラーを組み合わせることで、すっきりとした力強く主張的な外観になります。
- ビデオは、ユーザーにサービスについて通知するために使用されます。
- 目に見えるアプリのリンク。
- 年齢と年収だけに基づいてユーザーに即時の投資アドバイスを提供するオンサイトツール。 さまざまな投資計画は色分けされて詳細に記述されており、投資すべき企業の名前が示されています。
繰り返しになりますが、Webサイトが非常に使いやすく魅力的であることが重要ですが、仕事はそれだけではありません。 サイトを維持するには、人々の期待と欲求不満、そして適応性をよく理解する必要があります。 さらに、データ漏洩の脅威が高まる中、サイバーセキュリティは定期的に更新する必要があります。
デザイナーと話すときは、訪問者が引き続きアクセスできるWebサイトを作成するために、重要なポイントを念頭に置いてください。