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 是一家在线财务顾问，其平台专为任何想要投资的人而设计。 他们的目标非常简单：为那些不会满足于任何更少的人提供更好的投资。

是什么让他们的网站独一无二：

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

再一次，您的网站高度可用且引人入胜至关重要，但工作并不止于此。 维护您的网站需要很好地了解人们的期望和挫折以及适应性。 此外，随着数据泄露的威胁越来越大，网络安全需要定期更新。

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