津南对网站的高级建设:17个有独特联系页面的Divi网站

2019.05.31 津南对网站的高级建设

117

津南对网站的高级建设中的联系人页面可以是网站中最重要的页面之一。它向访问者展示了如何联系你,你所在的地方,为他们提供了一种在社交媒体上跟踪你的方式,甚至可以成为你行动的号召。联系页面不是关注的中心,所以他们并不总是得到他们所需要的设计关注。在这篇文章中,我们将看到17个Divi网站与独特的联系页面,以帮助您启发您的下一个Divi设计。

联系人页面通常包括联系人表单,但它们只需要提供满足访问者需要的联系信息。许多包括电话号码,电子邮件地址,物理地址,地图,社交链接,或这些选项的任何组合。

我将展示一张我喜欢的部分的图片,并讨论我喜欢它的地方。这些网站没有特别的顺序。坚持到结束几个链接,以帮助您提升您自己独特的联系页面。

1。亚当斯跃酒

津南对网站的高级建设

这张照片使用带有重叠的背景图像来帮助描述公司。与此重叠的部分显示一边的样式地图和另一边的信息,并包括打开地图的可点击地址、可点击的电子邮件、社交跟踪链接和联系人表单。用一种样式的边框包围这一行。这是一个全屏图像,注册表格,和公司的信息-所有风格匹配网站的品牌。


二。布赖恩·戴维斯

这是我见过的最戏剧化的联系页面之一。它以视差显示布伦·戴维斯的全屏背景图像。表单字段的样式是用来创建模式的。联系人表单放置在左侧,订阅表单放在右侧。图像保持在滚动的位置上。滚动显示了经理和人才中介的联系方式。


三。露西·伊夫林

该网站使用一个简单的联系形式,风格适合网站的设计。它包括一个CTA在课文中,邀请读者提出问题。该表单被放置在一个全屏背景图像上,这有助于展示网站设计的优雅。


四。杰森·约瑟夫

这个包括一些独特的造型。一个全屏图像显示一个标题与大文本,样式匹配的网站。该图像使用优雅的分割器和接触形式重叠的图像。表单本身很简单,但与站点的样式匹配。表单旁边提供了样式化的社交跟踪链接、电子邮件和电话号码。


5。菲尼克斯害虫防治

该网站包括一个大的标题部分,有一个标志,以介绍联系信息,并提供有关服务的信息。没有背景的样式联系人表单提供带有单选按钮和下拉框的选择。我发现最有趣的是与前一节重叠的样式地图和三个重叠地图的空白。这些信息提供了三个不同地点的联系方式。


6。MBS会计

该网站联系人页面上的每个元素,包括个人联系人表单字段,都包含阴影效果。它包括一个带有图形和按钮的全宽度CTA.按钮的文本显示电话号码。全宽度文本部分提供有关服务的信息。联系人表格旁边的信息包括一个可点击的电话号码和与他们聊天的信息。一张附加注释的图片显示停车场。信息部分重叠地图的背景图像并包括社交跟踪图标。


7。彼得拉特克

津南对网站的高级建设页面保留网站的工程主题与深蓝色和工业背景图像。该联系人表格包括一节,描述其联系信息处理过程。后面是一个包含文本的行和用相同蓝色边框勾画的地图的部分。文本提供地址、电话和传真号码。地图被偏移,并与其上方的行重叠。


8。园林观念

这一个显示全屏背景图像与联系信息显示在一行内,黑色,透明的背景和圆角。这些信息包括四个显示电话号码、地址、电子邮件和社交跟踪链接的信息。表单很简单,在底部有一个居中的提交按钮,与公司的品牌颜色相匹配。


9。前皇家基督教学校

这一个使用深蓝色与黄金和白色文本匹配网站的品牌。地址显示在不缩放悬停的全宽度地图上。联系表格和学校的信息被放置在学校的图片上,上面有深蓝色的覆盖层。电话号码是可点击的。我喜欢蓝色和金色的结合。


10。不爱垃圾填埋场

而不是一个联系形式,这一个提供了一个可点击的电子邮件链接,物理地址,和社会跟踪链接,所有放在心脏的背景,以匹配网站的信息。它还包括一个标签,以帮助传播公司的信息。


十一。享受生活

该网站包括一个全宽度的地图,不缩放与重叠的联系形式和文本模块的信息悬停。该表单不显示字段的背景色,而是用与网站中的标题相匹配的颜色对其下划线。该信息使用具有相同颜色的样式图标。


12。未咸精品

这个网站显示了一个简单的联系形式与最小,但有趣的样式。边框是白色的,就像字段背景一样,背景本身是蓝色的,以匹配该部分的背景色。标题与边框重叠。社会跟踪按钮包括在页脚。


13。杜克里之家

此页面显示带有图标的剪贴画,这些图标创建具有电话号码、电子邮件和位置联系人信息的大块。图标是金色的,边框用阴影来分隔它们。下一节显示联系人窗体,并在带有背景阴影的行中一起映射。标题和金色边框覆盖行,给它一个优雅的设计。联系人表单部分显示表单上方的联系人信息。


14。克莱尔沙龙

除非你想看,否则这个表格不会显示出来。它提供所有的联系信息,包括公司信息,物理地址,电话号码,电子邮件,地图,图像和CTA的。这将导致一个由箭头突出显示的按钮。单击该按钮将在弹出窗口中打开联系人窗体。该表单本身使用阴影效果的黄金背景,这是样式匹配的网站。


15。情绪媒体

这一个帮助缩小类型的联系信息,你需要通过提供选择使用大背景与覆盖,文字,和大图标。点击Sales,您就可以在全屏背景图像上看到一个样式化的联系人表单。单击“支持”将在全屏和三个图标中打开一个具有此背景的页面,以帮助您进一步缩小范围。这有助于网站为您提供您需要的具体信息,并确保您的信息到正确的部门。


16。NXT图书媒体

它处理两列中多个位置的联系人信息。它显示卡片,其中包括一个图像,地址与电话号码,和地图的每个位置。以下是一个简单的联系形式,它的样式,所以背景与该部分混合。该页面包含一个完整的介绍,并以CTA结尾,以查看团队成员的页面。


17。葡萄籽美国

此站点与第一部分的联系人表单重叠。该表单显示在视差背景上,覆盖与网站的品牌匹配。在表单下面是一个FAQ,后面跟着社交图标、一个电话号码和一个按钮,它把你带回到屏幕的顶部,在那里你可以看到联系人表单。


终结思想

这是我们的17个有关Divi的津南对网站的高级建设网站与独特的联系页面,以帮助您启发您的下一个Divi设计。有很多文章在这里的ET博客,以获得更多的帮助,您的Divi设计。有些包含布局,而另一些则讨论特定的表单插件。

我们想听听你的消息。哪些网站有独特的联系页面是你的最爱?在评论中让我们知道。

 


寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP