Divi 小型企业网站的 11 个示例

已发表: 2017-05-07

世界上到处都是小企业,每天都有更多的小企业开始。 随之而来的是对新网站的持续需求。 有许多使用 Divi 构建的小型企业网站可以为您的下一个项目提供设计灵感。 在本文中,我们将看一看 Divi 小型企业网站的 11 个示例,以帮助您为下一个 Divi 项目提供设计思路。

大多数这些企业为当地服务,而不是通过他们的网站进行销售。 他们提供联系方式和位置信息,以便他们可以来您的位置或您可以去他们的位置。 无论小型企业提供何种类型的服务,这些网站都可以为您的下一个设计提供灵感。 它们没有特定的顺序。

1. 捷特太阳能

J-Tech Solar 在覆盖层中使用带有标语、公司信息和可点击电话号码的全屏视频背景。 它有一个带有 CTA 的垂直菜单。 接下来是一个三栏部分,其中包含指向所服务行业的链接,一个关于使用 CTA 部分覆盖全屏图像的部分,以及一个包含文本的四栏信息部分。 下一部分展示了我见过的最有趣的视差用途之一——它包括一个全屏背景图像,其中包含使用正空间和负空间的文本剪切。 第一行文本阻挡背景,而第二行文本显示背景。 在此之后是另一个带有覆盖层和自定义页脚的 CTA,右侧有联系信息。 该网站充分利用了颜色、图像、视频和视差。

2. 固定热量

Fixheat 以蓝色覆盖显示全屏图像,其中包括以真实视差提供的徽标、标语、CTA 和服务图标。 菜单在滚动时显示。 接下来是一个关于部分,其中包括一张白色背景的图像和阅读更多内容的链接。 服务在真实视差中显示为背景图像上的大图标。 CTA 放置在深灰色部分。 自定义页脚在较深的灰色背景上显示徽标。 该网站很好地利用了颜色和字体。

3. 非标准表格

Non Standard Forms 以真实视差在叠加层中显示带有徽标的全屏图像。 三栏部分显示了以单色和样式链接的大图像提供的服务。 下一部分显示了大红色印刷的全宽推荐。 紧随其后的是投资组合滑块、真实视差背景图像上的全屏推荐滑块和联系表。 组合页面将每个服务放置在不同颜色的背景上。 该网站充分利用了颜色、背景和字体。

4. Sardis Tire and Auto Works

Sardis Tire and Auto Works 包含带有标语和 CTA 的全屏图像。 滚动显示带有粗体黄色背景的全宽部分,以及在车间工作的技术人员图像的全宽部分。 另一个全角部分包括指向使用悬停动画提供的服务的链接。 联系部分包括联系表格和深蓝色背景上的地图。 菜单链接超大,与网站的设计相得益彰。 该网站充分利用了颜色品牌和字体。

5. Adam Alan 绘画和承包

Adam Alan 绘画和承包包括一个左侧的垂直菜单。 它包括带有标题、标语和 CTA 视差的全屏图像。 下一部分在带有三角形部分样式的橙色背景上提供公司信息。 接下来是关于部分,其中包含描述所提供服务的图像、图标和文本。 房屋照片显示在全宽部分,然后是多列推荐部分。 联系人 CTA 放置在带有橙色叠加层的图像上。 页脚包括 BBB 证书。 该网站很好地利用了色彩。

6. 少女简

Maiden Jane 在菜单上方使用了一个大徽标,并包括一个带有欢迎信息和 CTA 视差的全屏图像。 滚动显示多列部分,其中包含图像和背景以及指向各个页面的链接。 自定义页脚在与品牌匹配的粉红色背景上显示徽标、社交按钮和联系信息。 Get a Quote 页面使用嵌入式 Typeform,您可以在其中选择您感兴趣的产品类型。该网站很简单,设计简洁。

7. Schlosserei Schneider

Schlosserei Schneider(Castle Cutters)使用单页设计,在覆盖层中显示带有标题和标语的全屏电影图像背景。 下一部分显示公司和联系信息,然后是三列的大部分,中间是所有者的照片,外列是服务描述。 下一部分包括三个带有工作图像的滑块,然后是带有图像和联系信息的完整部分、全宽背景上的联系表格、图片库、全宽滚动地图和页脚中的信息。 布局干净,易于遵循。

8. 杂工 IOW

Handyman IOW 使用单页设计,在主菜单上方显示一个大徽标,其中包括一个可点击的电话号码,以及一个带有徽标、信息和阅读更多按钮的大图形背景。 接下来的两个部分包括交替的图像和文本,并包括一个可点击的电话号码。 全宽部分在视差图像上显示服务,然后是联系信息、地图和联系表,并在视差图像上叠加显示。 这些网站充分利用可点击的电话号码作为号召性用语。

9. 诺曼湖的土地护理和灌溉

Land Care and Irrigation of Lake Norman 包括一个用于“服务”、“图库”和“获取报价”页面的滑块,其中包含一个用于查看更多内容的按钮,然后是滑块宽度的绿色框中的 CTA。 侧边栏有一个描述服务的小部件。 单击每个服务会在小部件的底部显示详细信息。 这些页面在侧边栏中包含 CTA,并使用切换信息和图像的多布局图库。 报价和付款页面由自定义联系表格提供支持。 该网站很简单,并充分利用了品牌色彩。

10. 东海岸门

East Coast Doors 在覆盖层中显示带有欢迎消息的全屏背景图像,并在视差中联系 CTA。 滚动显示带有三角形部分样式的电话号码的公司信息。 产品显示在带有链接的三列中。 另一部分以带有销售信息的列表格式显示产品、带有 CTA 的全角部分以及滚动显示的页脚。 导航由 Uber Menu 提供支持,并在 megamenu 中显示产品、产品类别和联系表。 该网站充分利用了产品摄影,并在列表中提供了最有趣的菜单。

11. 专业数据管理

Pro Data Management 使用带有渐变叠加的全屏背景图像,其中包括公司信息和 CTA。 接下来的几个部分显示了三个图标,其中包含指向相应服务的链接,这些图标按类型分隔。 下一部分显示员工的认证徽标,后跟 CTA 和带有 CTA、信息和菜单的页脚。 屏幕上会保留一个聊天框。 该菜单包括 CTA 和可点击的电话号码。 菜单项包括图标。 案例通过嵌入的简单表格提交。 该网站很好地利用了叠加层和颜色,并有一个清晰的菜单。

最后的想法

这 11 个 Divi 小型企业网站示例很好地说明了 Divi 可用于创建任何类型的企业网站,无论企业规模如何。 无论站点是带有联系信息的简单小册子,还是带有登录和支付系统的站点,都可以使用 Divi 构建。

这些网站非常适合为布局创意、品牌颜色、视差、图像、动画、视频、联系系统、CTA、导航等提供创意。 这些网站肯定会为您的下一个小型企业网站设计提供灵感。

您最喜欢这些 Divi 小型企业网站的哪些元素? 请在下面的评论中告诉我们!

精选图片来自 Mascha Tace/shutterstock.com