网站的每个部分都很重要。您是否忽略了“联系我们”页面?让我们看看有什么技巧可以用来设计这个页面。
Bkwld
濂溪6
BKWLD的联系页面,除了一些基本的邮件/电话信息外,增加了MAPbox动态地图,提高了互动性。四十年前
莲雾7
您也可以考虑使用定制的照片来代替JavaScript地图。在FortyOneTwenty网站的联系页面上,使用世界地图,用蓝点标记全球分支机构和员工的分布情况。
因为这张照片作为背景图像,融合更加自然。地图让位于内容,所以看起来不像是喧宾夺主。
添加社交网站链接
将社交网站链接添加到联系人页面可以赋予企业可触摸的个性。这些链接允许访问者在不能或不应该使用电话或邮件时联系企业,浏览更多企业动态信息。在同一个页面上提供不同的社交账号链接,让观看者自己决定选择哪一个。
音调
lianxo8
我最喜欢的英国创意机构是Tone,无论是它的作品还是它的作品集网站。其联系人页面使用完整的地图和动态联系人表单来定位他们的办公室。
向下滚动,你会发现一个长长的社交媒体图标水平列表。这些链接包括该公司的各种社交账户,包括推特、领英、Instagram、Instagram。按钮很大,很醒目,但不在页面顶部,因为邮件、电话和地址是最重要的。
正面广告
莲雾9
正面广告网站的社交账号图标设置的比较小。这个网站是单页网站。社交帐户图标位于电话号码、电子邮件地址和邮寄地址下方。图标以统一的单色处理。
显示团队成员
这种方法很少使用,但是可以增加网页的个性。个人网站可以将我的照片添加到联系人页面。老公司经常把照片传到“公司团队”页面,每个重要人物都有单独的照片和介绍。
简化的联系方式
美味
濂溪2
Yummygum的联系人页面简洁明了,只有三个框和一个提交按钮。简单的好处是不会让游客泄气。
大文本简洁易读,方便观看者快速校对信息,从而给予他们更大的满足感。
使用当前的web技术很容易创建动态联系人表。通常会有3-6个框供访客填写姓名、电子邮件和个人信息。
大多数网站访问者更喜欢这种联系人列表,因为它节省时间。没有必要打开他们自己的邮件客户端,复制他们的电子邮件地址。目前网站的联系形式通常包含验证码等网络安全技术,安全性很强。这张桌子的所有元素似乎都是统一的,给人一种完整的感觉。还建议使用JavaScript来显示提示和帮助,以确保用户知道他们的消息已经成功发送。
Princeink
莲雾3
查看Prince Ink报价表单网站,了解更复杂的表单。这一页分为四个部分。
请记住,不是每个盒子都必须填写。只有星号是必需的。大多数情况下,游客可以识别星号,但有些游客可能找不到星号。如果您正在设计更大的联系人表单,请突出显示所需的项目。这将简化提交流程,优化用户体验。
统一中的表现美学
桌子既要讲究统一,又要讲究美观。毕竟,表格是网站外观的重要组成部分。
腹部
濂溪4
下腹部是一个设计创意组织的网站,有独特的联系页面。显然,这个联系表单使用了CSS样式表和JavaScript。输入界面看起来像一般官方文件的表格形式。设计独特整洁,让人觉得发邮件成了一种乐趣!
危险机器人
莲雾5
危险机器人网站的设计与以往不同,通过鲜艳的暖色和矢量图案,将接触形式与其他元素很好地融合在一起。联系人表单基本居中,每个框中都添加了图标,提高了识别和阅读速度。
添加地图标签
公司的地理位置往往在商业沟通中起着重要的作用。添加嵌入式地图将可视化企业地址。谷歌地图有一个定制的嵌入式功能,允许开发人员将功能齐全的谷歌地图添加到联系人页面。
Blueskyresumes
濂溪10
蓝天简历网站的“关于我们”页面包含团队介绍。每个员工都有自己的网络链接。
在“联系我们”页面的顶部,请注意左侧没有固定的滚动条。滚动条的小按钮链接到电子邮件和手机信息,也可以发送报价请求。这个网站的联系页面非常生动,让人耳目一新。
Etsy
濂溪11
Etsy的“团队”页面。每个团队成员的照片都链接到每个人的个人资料页面。这种个性化的设计对公司的客户和第三方供应商来说都很棒。
此团队页面不直接链接到他们的联系人页面。这是一个有目的的设计选择,因为公司有这么多员工,足以支撑一个网页。但是,该页面可以链接到“关于”页面和“新闻”页面,其中包含一些电子邮件联系信息。
团队成员名单没有必要,但可以在适当的时候作为很好的补充。任何网页最重要的是可用性。只要你学会迎合用户体验,一个设计良好的联系人页面是没有问题的