spot_img
HomeDivi主题使用教程10 个具有出色项目页面的 Divi 网站

10 个具有出色项目页面的 Divi 网站

项目页面非常适合向潜在客户展示您所做的工作类型。 他们通常包括案例研究,这有助于展示您的专业知识并让他们对期望的内容有一个现实的想法。 使用 Divi 创建项目页面有多种方法。 在本文中,我们将介绍 10 个具有出色服务页面的 Divi 网站,以帮助激发您创建下一个 Divi 网站的灵感。

项目页面通常包括图像、画廊、滑块、视频、推荐和号召性用语等元素。 我将展示我喜欢的部分的图像并讨论我喜欢它的地方。 这些网站没有特定的顺序。 坚持到最后几个链接,以帮助您升级自己独特的项目页面。

1. BCBD

10 个具有出色项目页面的 Divi 网站

这一个在笔记本电脑屏幕的一侧显示了项目的屏幕截图,在另一侧显示了更大的屏幕截图。 图片下方是一个两栏部分,一栏是标题、描述和网站链接,另一栏是提供的服务列表。 在这下面是一个部分,其中包含在不同设备上显示的网站屏幕截图、来自客户的推荐、分隔线和查看下一个项目的按钮。

查看网站

谷歌SEO优化服务

2. 木星

10 个具有出色项目页面的 Divi 网站

此项目页面显示项目图像,后跟客户名称、项目名称和分隔符。 下一部分在左栏中显示描述,在右侧使用框阴影显示成品图像。 更多带有框阴影的图像在单列中显示成品,然后是号召性用语。 CTA 在顶部和底部使用分隔线,并使用带有可点击电子邮件的文本。

查看网站 (网站已关闭。)

3. 传达设计伙伴关系

10 个具有出色项目页面的 Divi 网站

这个显示了一个带有背景图像、徽标、菜单、标语、分隔线和公司描述的全角标题。 滚动显示 2/3、1/3 行,较大的列中有项目的大图像,较小的列中有描述。 描述包括项目的细目分类,包括标题、客户名称、简要说明、解决方案以及将项目下载为 PDF 的链接、联系表和返回投资组合页面的链接。 来自该项目的一组图像以及样式化的文本被用作 CTA。

WordPress divi主题

查看网站

4.立方狐狸

10 个具有出色项目页面的 Divi 网站

该项目页面在桌上的电脑屏幕上显示了该项目的图像。 文本位于图像旁边,显示项目名称、客户、年份、CMS、提供的服务和查看网站的链接。 下面是该项目的三个屏幕截图示例。 单击任何图像都会在灯箱中打开它们。 我喜欢屏幕截图,因为它是一个真实世界的例子。

查看网站

5. 金维斯特加德

10 个具有出色项目页面的 Divi 网站

该站点以黑色显示一小部分,其中包含指向网站不同区域的链接。 滚动可在单列中显示来自项目的图像。 图像显示了使用的字体、调色板、项目设计(这是一个徽标),然后是许多如何使用它的示例。 这些示例在不同颜色、桌面背景、标题内、使用不同设备的网站上、海报广告示例内以及社交媒体上显示徽标。

查看网站

6. 学习

10 个具有出色项目页面的 Divi 网站

这个使用带有全角图像和视差项目标题的简洁设计。 在这下面是一个标题,然后是两列。 第一列是文本,提供项目描述和粗体字的推荐。 第二列使用灰色背景突出并提供有关学校的信息。 此部分下是一个将项目信息下载为 PDF 的链接。 另一个全宽部分提供了相关项目的链接,然后是全宽 CTA。

查看网站

H10的年终大促

7.帕蒂·休斯顿

10 个具有出色项目页面的 Divi 网站

这个显示了项目标题和描述,后面是项目的多列布局图像,从两列到一列以及短图像和高图像交替出现。 一个部分包括图像旁边的文本,以提供有关该项目的更多信息。 帖子导航提供指向上一个和下一个项目的链接。 分隔线将项目与使用文本和按钮构建的 CTA 分开。 我喜欢这个的布局。

查看网站

8. 蓝水建设者

10 个具有出色项目页面的 Divi 网站

该项目页面显示一个全宽标题,其中包含一个带有叠加层和标题的背景图像。 项目信息在全宽部分中以垂直分隔符分隔的文本形式提供。 两列显示项目图片库和带有文本的详细信息。 接下来是一个带有公司徽标的部分,用于查看其他项目,一张地图用于亲自查看项目,以及发布到下一个和上一个项目的导航。

查看网站

9. 肯尼·佩罗

10 个具有出色项目页面的 Divi 网站

这一个在两列中显示项目。 第一个显示标题、位置、描述、用于移动到上一个和下一个项目的帖子导航,以及一个由正方形组成的按钮,可将您带到投资组合页面。 第二列在网格中显示项目的图像。 单击任何图像都会在灯箱中打开它。

查看网站

10.齐默尔曼集团

10 个具有出色项目页面的 Divi 网站

高质量外链购买

这是列表中最详尽的一个。 它使用带有背景图像、渐变和客户名称的全屏标题作为项目标题。 滚动显示两列,其中包含有关客户的信息和图像旁边提供的服务的简介。 接下来是关于客户的视频、包括网站和广告活动的项目图片(包括很酷的时间轴)、背景渐变的项目概览和 CTA。

查看网站

结束的想法

这是我们对 10 个具有有趣服务页面的 Divi 网站的看法,以帮助激发您的下一个 Divi 设计。

ET 博客上有很多设计和操作方法文章,非常适合构建项目页面。 项目页面是一种自定义的帖子类型,可以使用 Divi Builder 构建,他们经常使用画廊等元素和博客文章等页面设计来展示作品。 我已经包含指向涵盖画廊和博客文章以及一般页面布局的教程的链接。

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

JasperAI 10000字免费额度试用

特色图片来自 PODIS / 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