2019 年 14 大金融服务网站设计

在比较在线服务时，我们倾向于根据网站的内容和整体设计做出判断。 在推广您的金融服务网站时确保清晰且用户友好的设计是导致潜在客户选择您的产品而不是竞争对手的原因。

这就是为什么让您的整体设计看起来和感觉就像客户来到正确的地方一样重要的原因。 如果您不知道从哪里开始，我们已经将我们的顶级金融服务网站放在一起。

一个深思熟虑的设计依赖于清晰、直接的信息和你呈现它的方式。 例如，使用视觉层次结构突出显示免费报价或联系电话等内容，让用户知道您已将他们的需求放在首位，从而为您的网站提供更好的感觉。

为了展示网站如何执行他们的设计决策，这里有 14 个利用上述品质的金融服务网站。

1.SGUA

网址：https://www.sgua.com.au

SGUA 为业主提供最有价值的住宅物业保险。

是什么让他们的网站成为最受欢迎的：

• 在整个站点中使用放置良好的号召性用语按钮。
• 黑色和白色与强调色的混合给人一种干净、锐利和自信的感觉。
• 他们的报价请求表将带您完成多步骤流程，这是产生更多潜在客户的好策略。
• 在他们的网站上可以看到报价、索赔和付款等功能，而表格或报表则标记良好且易于访问。
• 它对移动视图做出响应，导航栏巧妙地隐藏在汉堡菜单下。

2. 资本技术

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

Capitec Bank Limited旨在为客户创造更好的金融生活，提高生活水平。

是什么让他们的网站与众不同：

• 旧导航栏的新变化！ 将鼠标悬停在他们的“快速信息”上是一个受欢迎的变化，它吸引了客户的注意力。
• 网上银行被放置在网站的顶部，使其高度可见和易于访问。
• 动画号召性用语 (CTA) 按钮。
• 对用户有用的功能，包括银行成本计算器、信贷工具、储蓄计算器和预算。
• 该网站非常整洁。 登陆页面只包含用户感兴趣的信息。客户一眼就不需要的每条信息都隐藏在单独的标签中，因此用户无需滚动即可找到他们正在寻找的内容。
• 白色背景赋予它专业和简约的外观。 背景也使 CTA 形成鲜明对比，提高了他们的知名度。

3. 康星

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

Canstar 成立于 25 年前，是澳大利亚最大的金融比较网站。 专家能够审查 4,000 多种住房贷款方案供您比较。

是什么让他们的网站与众不同：

• 使用白色空间和对比鲜明的蓝色使所有信息都易于发现。
• 鼠标悬停时导航栏会下拉，消除不必要的用户交互。
• 在其登陆页面上比较房屋贷款可为您提供当前利率和每月还款额。 为了轻松找到最适合的贷款，该网站可以过滤贷款类型、功能和贷方。
• 从贷款到所得税、储蓄到信用卡的财务计算器都可以在现场使用，并且易于访问。
• 动画是简约的，但仍然可以增强用户，同时保持网站的专业性。
• 在他们的网站上使用蓝色不仅看起来很容易，而且据说可以促进对用户的信任。

4.信息选择

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

使用 InfoChoice，您可以比较不同类型的贷款、信用卡和许多其他重要的金融服务，直到找到最适合您生活方式的服务。

是什么让他们的网站与众不同：

• 将鼠标悬停在上方时，按钮会从浅蓝色变为较深的阴影。 一个合理的设计选择，因为它将焦点吸引到选定的选项，同时保持用户的注意力。
• 提供全系列计算器，包括本金和利息、一次性、分割和房屋贷款。
• 主页上显示的每日特别优惠。
• 作为访客，您甚至可以预约与专业的澳大利亚抵押贷款经纪人通话。

5. 澳大利亚联邦银行

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

澳大利亚联邦银行是领先的综合金融服务提供商之一，提供广泛的服务，包括财务规划、旅游产品和商业产品。

是什么让他们的网站与众不同：

• 他们的调色板只包括三种颜色：黑色、白色和黄色。 调色板给网站一种流线型的感觉，以及令人难忘的品牌。
• 他们的常规服务都在顶部导航栏中，使它们易于访问。
• 弹出聊天服务，导致预约。
• 产品以大按钮的形式呈现给用户，垂直位于左侧 请记住，我们从左到右阅读，毫不费力地吸引我们的注意力。
• 社会贡献列表也有助于与访客建立更积极的关系。
• 下载他们的应用程序的链接可在网站上找到。 With 可以节省大量时间。
• 客户可以借助现场提供的各种工具和计算器轻松创建他/她的预算。

6. 信用业力

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

使用 Credit Karma，您不仅可以忽略和比较影响您信用评分的服务，还可以请求免费且轻松的信用评分评级。 此外，您将获得监控和洞察力，以帮助提高您的分数。

是什么让他们的网站与众不同：

• 该网站通过使用简单的颜色（如黑色、白色和灰色）来实现其时尚的设计，并使用大胆的原色使用图像和按钮来强调它们。 原色的使用使网站不再感到无聊，并给人一种独特的感觉。
• 突出显示免费信用评分、债务偿还计算器、简单贷款计算器和摊销计算器等工具，供客户使用。
• 悬停时从导航栏中的选项卡下拉菜单。
• 带有亮色背景的大字体 CTA 按钮已放置在页面顶部，并在页面末尾以反色重复，以获得最大的用户注意力。
• App Store 和 Google Play 上的应用程序链接，使其易于下载。
• 他们广泛的安全性和隐私性。 作为金融服务提供商，这一步骤永远不应被忽视，因为它经常会影响并确保不确定的访客。

7. 澳新银行国际银行

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

ANZ International Banking 是任何想要在国际上旅行或生活的人的必备品。 它允许从海外开设银行账户以及一系列过度服务，在您到达之前一切准备就绪。

是什么让他们的网站与众不同：

• 允许您在线创建您的银行账户并将资金转移到海外。
• 包括外汇汇率和货币转换器等功能
• 用户可以轻松找到产品和工具，因为它们分为两个独立的组件。 这种设计选择吸引了我们大脑中喜欢寻找模式和分组事物的部分。
• 该页面的设计使产品首先显示，并显示任何相关优惠以吸引希望旅行的客户。
• 客户可以轻松下载他们的应用程序以供移动使用。 根据当前趋势，社交媒体链接位于页面的左下方。

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. 索菲

网址：https://www.sofi.com/

SoFi 是一家致力于帮助那些获得学生、个人和住房贷款的公司。 此外，他们还提供资金和投资服务。

是什么让他们的网站与众不同：

• 粘性导航栏，他们的不同服务和产品始终在视图中。
• 为他们的英雄部分选择视频是一个大胆的选择，可以与他们的前瞻性想法无缝结合。 专题部分的学术和财务成功与救济主题让用户感受到网站的善意和创新。
• 单击页面底部的 CTA 会触发他们的产品页面在现有窗口中打开，而不是在单独的窗口中打开，从而使用户可以轻松单击并返回主页。
• 关键人物，包括网站上的会员、推荐和还款，作为社会证明，以提高所提供服务的可靠性，同时他们在生动的彩色背景上的出现提高了他们的知名度。
• 会员享受的福利通过相关的图像成为焦点，炫耀权利，而不是依赖大量的文字。
• 指向他们的 Android 和 iOS 平台应用程序以及社交页面的链接在右下角捆绑在一起，通过体验的访问者会期望它们出现。

12. 西太平洋银行

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

作为澳大利亚历史最悠久的银行机构，西太平洋银行以其卓越的金融服务而广受认可。 该公司管理着超过 1400 万客户，连续四次被道琼斯可持续发展指数评为全球最具可持续发展银行。

是什么让他们的网站与众不同：

• 英雄部分以鲜红色的设计吸引了他们的 CTA 的注意力，并展示了他们的标志颜色。
• 重要的产品和服务位于主图下方，无需在休息点下方滚动。
• 单独的部分专用于个人和商业用途，使用两种不同的灰色阴影定义。
• 网站采用横向结构，他们的实时汇率一目了然。
• 导航栏是粘性的，带有用于个人、商业和企业应用程序的按钮，因此访问者不必搜索他们正在寻找的信息。
• 与大多数传统网站一样，社交媒体链接显示在底部。

13. 本迪戈银行

网站：https://www.bendigobank.com.au/

Bendigo Bank 最初开始帮助澳大利亚同胞建造自己的房屋，现在已被公认为澳大利亚的主要银行之一。 该公司承认其在客户和环境方面的作用和责任，甚至推广他们的环保“绿色贷款”。

是什么让他们的网站与众不同：

• 滑动的英雄形象展示了银行的好处，促使访问者了解更多信息。 动画不仅吸引了观众的注意力，而且还有助于一目了然地建立可靠性。
• 导航栏悬停在敏感区域，每个下拉菜单都是对比鲜明的灰色阴影，定义了主要信息或服务的子部分。
• 英雄形象下采用了相似法则和三分法则。 这些规则提高了网站的可用性以及整体设计。
• 一个可见的大型帮助部分，供用户轻松查看和访问。
• 单击时会显示附加信息，并在同一页面上打开。
• 站点地图分为多个类别，使客户可以轻松导航主题。

14. 改善

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

Betterment 是一家在线财务顾问，其平台专为任何想要投资的人而设计。 他们的目标很简单：为那些不愿满足于任何东西的人提供更好的投资。

是什么让他们的网站与众不同：

• 黑色和白色调色板与另一种强调色相结合，营造出干净、强烈和自信的外观。
• 视频用于告知用户他们的服务。
• 可见的应用程序链接。
• 一种现场工具，仅根据年龄和年收入为其用户提供即时投资建议。 不同的投资计划用颜色编码和详细说明，提供资金应该投资的公司名称。

再一次强调，您的网站具有高度的可用性和吸引力是至关重要的，但这项工作并不仅仅止步于此。 维护您的网站需要充分了解人们的期望和挫折以及适应性。 此外，随着数据泄露的威胁越来越大，网络安全需要定期更新。

在与您的设计师交谈时，请牢记我们的要点，以创建一个访问者将继续返回的网站。