spot_img
HomeDivi主题使用教程14 个具有有趣服务页面的 Divi 网站

14 个具有有趣服务页面的 Divi 网站

有趣的服务页面对于在线开展业务至关重要。 它向访问者展示您做什么、如何做、与您做生意的感觉,并帮助给他们一个现实的期望。 服务页面有各种设计。 在本文中,我们将查看 14 个 Divi 网站,其中包含有趣的服务页面,以帮助激发您的下一个 Divi 设计。

服务页面通常包括诸如定价表、简介、切换、图像、视频和号召性用语等元素。 我将展示我喜欢的部分的图像并讨论我喜欢它的地方。 这些网站没有特定的顺序。 留到最后几个链接,以帮助您升级自己独特的联系页面。

1.布里斯托尔屋顶工

14 个具有有趣服务页面的 Divi 网站

该站点在使用框阴影效果的卡片中显示服务。 它们显示图像、标题、分隔线和文本。 双色背景在标题后面呈对角线划分,使其成为一个有趣的设计,同时也不会影响前景。 全宽图像的角度相匹配。 为什么我们部分使用红色标题,同时使用分隔符创建象限。 Process 部分采用交替布局编号,与样式与站点相匹配的大图像相对应。

查看网站

谷歌SEO优化服务

2. Landcore 咨询

14 个具有有趣服务页面的 Divi 网站

该站点在标题后面使用了视差大图像。 服务显示在包含绿色边框和图标的框内,以匹配站点的品牌。 每个服务也有自己的单独部分,每个部分由视差和波浪部分分隔符中的图像划分。

查看网站

3.土井

14 个具有有趣服务页面的 Divi 网站

该网站使用交替部分,包括蓝色渐变或白色背景——每个部分都有一个波浪形分隔线。 每个部分显示一个带有文本和图形的服务,它们的布局从一侧到另一侧交替。 最终的 CTA 使用框阴影和按钮阴影。 该网站充分利用了颜色和阴影效果。

WordPress divi主题

查看网站

4.前五八

14 个具有有趣服务页面的 Divi 网站

这个显示了一个两列的对角线分割屏幕,一侧是 CTA,另一侧是服务图标。 下一部分有一个四块图形,逐步显示了每个步骤的关系。 全宽部分显示带有绿色图标和黑色背景上的白色文本的目标以及带有悬停效果的按钮。 统计数据和联系人部分与此设计相匹配。 每个步骤都有自己的部分,其中包含图形和简介。

查看网站

5. 末端+茎

14 个具有有趣服务页面的 Divi 网站

此页面以有关公司领导的全角部分开始,以帮助建立可信度。 服务显示在带有白色图标和文本的绿色框中。 接下来是风格化的联系表格、社交媒体号召性用语、带有社交关注按钮的 Instagram 提要、选择加入和关于部分。 这个网站使用了一些有趣的颜色品牌。 我喜欢按钮悬停效果,它在悬停时将按钮的背景置于按钮的边框内。

查看网站

6. 斯图尔特约翰逊

14 个具有有趣服务页面的 Divi 网站

本网站使用带有大标题文本的视差全屏背景图像来介绍页面。 介绍性信息文本分两列提供。 一个 6 圆形图形描述了他们的 6-P 方法,并对每个方法进行了简短描述。 实践领域在一个简短的视差部分中以标题介绍。 实践领域本身显示在样式与网站品牌相匹配的切换中。

查看网站

H10的年终大促

7.网络连接

14 个具有有趣服务页面的 Divi 网站

该网站介绍了带有覆盖背景的标题和标语的页面。 下一部分显示了该页面的服务,该部分的顶部和底部使用波浪分隔符。 该服务的功能在表格中提供,后面的部分用三个简介描述了他们的方法。 一个简短的案例研究包括指向详细页面的链接以获取更多信息。 社会证明随客户徽标一起提供。

查看网站

8. 蓝猫媒体与设计

14 个具有有趣服务页面的 Divi 网站

该站点在带图案的背景上引入了带有优雅标题和文本的页面。 显示所含内容的部分提供了有关不同服务的信息,其中文本位于中心,图像位于外列,后跟带有 CTA 的插件描述。 关于旅程的部分逐步介绍了流程的每个部分,对每个部分进行了编号并提供了详细信息。

查看网站

9. 天赋设计

14 个具有有趣服务页面的 Divi 网站

这个使用大胆的颜色,并通过单独的广告介绍服务,这些广告似乎组合成一个大的广告,每个广告都有图标、标题和文本。 接下来是一个部分,其中列出了带有样式按钮的服务以查看产品组合。 另一部分通过带编号的标题和简短描述逐步完成该过程。 大胆的红色 CTA 包括样式化的部分分隔符、优雅的文本和样式化的按钮。 我喜欢此页面中的背景图案和颜色。

查看网站

10. Zomlex

14 个具有有趣服务页面的 Divi 网站

高质量外链购买

这个使用带有大量空白的干净设计。 该页面以大标题和简短描述介绍。 服务显示在大型广告中,使用框阴影、手绘图形、标题、文本和样式按钮到各个服务页面。 紧随其后的是一个全宽 CTA,它反转了白色的蓝色,在保持其优雅外观的同时脱颖而出。 我特别喜欢图形和颜色。

查看网站

11.广告

14 个具有有趣服务页面的 Divi 网站

本网站的各个服务页面以标题、描述和图形介绍,随后是两栏中的描述。 优点显示在带有简介和手绘图形的短全宽部分中。 示例显示在全屏图像中,后跟描述过程的简介。 用于报价的 CTA 包括显示所含内容的表格。 另一部分突出了样式化的联系表旁边的好处。

查看网站

JasperAI 10000字免费额度试用

12. RevolutionParts

14 个具有有趣服务页面的 Divi 网站

该站点的每个服务页面都包含一个带有图标的部分和一个标题,单击时会突出显示不同的功能。 这些功能本身显示有图像、描述和一个用于查看演示的按钮。 该页面以与该服务相关的文章的博客部分和创建漂亮页脚的最终 CTA 结尾。 此页面充分利用了颜色和空白。

查看网站

13.全景设计

14 个具有有趣服务页面的 Divi 网站

此页面以标题和可点击的电话号码开头,然后是描述与该公司合作的好处的部分。 Blurbs 提供每项服务的描述,包括大图标、标题、简短描述和悬停时出现的漂亮阴影效果。 项目部分包括悬停效果,显示每个项目的名称和阅读更多链接。 关于他们如何构建网站的部分用优雅的图形展示了该过程的每个步骤,然后是有关付款的信息,还有一个部分包括电话号码和风格融合的联系表格。

查看网站

14.养老律师事务所

14 个具有有趣服务页面的 Divi 网站

该站点的各个服务页面大部分是文本,但它以一种有趣的方式呈现。 页面在背景图像上引入了一个短的、全角的标题。 接下来是一段分两栏的文本:第一栏显示标题和说明,第二栏是与主题相关的引述。 引用的垂直线用作两列之间的分隔线。 另一部分显示视差图像,右侧带有信息块。 这些积木使用引人注目的有趣颜色。 更多信息以文本形式提供,后跟全角 CTA。

查看网站

这是我们对 14 个 Divi 网站的看法,这些网站具有有趣的服务页面,可帮助激发您的下一个 Divi 设计。 ET 博客上有很多文章专门针对服务页面或定价表、简介、切换等元素。

WordPress花园粉丝福利

想做跨境电商独立站但是没什么钱?可以免费试用Shopline智能建站工具,一个月都不要一顿火锅的钱!(这里就可以在线申请!) 或者扫描下方二维码
shopline

以下是一些与 Divi 讨论设计的内容:

我们希望收到你的来信。 您最喜欢以下哪些具有有趣服务页面的网站? 让我们在评论中知道。

特色图片来自 blocberry / shutterstock.com

5分钟生成10篇英文软文article forge软件试用
siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES