16 个使用 Divi 构建的数字顾问网站示例

已发表: 2017-08-04

数字咨询是一种流行的在线商业模式。 许多数字顾问与 Divi 一起为他们及其客户开发,这也是 Divi 成为 WordPress 顶级开发主题之一的原因之一。 这意味着有很多使用 Divi 构建的数字顾问网站的例子来帮助提供创意灵感。 在本文中,我们将了解其中的 16 个。

无论数字顾问是否提供网页设计、徽标、平面设计、应用程序开发等服务,这些网站都可以为您的下一个设计提供灵感。 这些网站没有特定的顺序。

1. 智能编码器 3

Smart-Coder-3.png

Smart Coder 3 使用带有国际象棋背景图像和引号的全屏图像滑块。 红色字体提供了一些视觉突出显示。 关于我部分显示了开发人员的精美数字绘画。 多个部分提供了名人名言。 其他部分包括数字计数器、项目、推荐滑块和联系表。 红色、白色和黑色的配色方案非常适合网站的设计。

2. XD 网页设计

XD-Web-Design.png

XD Web Design 在标题的滑块中包含一些有趣的过渡,其中包括 CTA 和社交按钮。 模糊显示为带有阴影、悬停效果和与图像和文本重叠的图标的卡片。 CTA(号召性用语)模块也使用阴影和悬停效果。 大图标提请注意服务和联系信息。 项目过程在一个水平编号的列表中描述。 该网站充分利用了色彩、动画和布局设计。

3.扎切里尼尔森

扎切里-尼尔森.png

Zachery Nielson 主要使用黑色背景,白色文本、图像和视差全屏背景。 选定的作品显示在监视器和移动设备中。 这些网站使用大字体的最小方法。

4. 小维森特·拉塔格

Vicente-Latag-Jr.png

Vicente Latag Jr 以视差显示全宽视频背景,在滚动时向相反方向移动。 使用橙色和白色品牌,大图标将注意力吸引到服务、推荐和联系表格上。 项目以全角网格显示。

5.Taltool

Taltool.png

Taltool 是一个带有 RTL(从右到左)文本的希伯来语站点。 它使用带有缩放动画的全屏滑块。 大多数部分都是全屏的,包括几个最近的项目部分和一个关于部分,其中包含带有 CTA 的开发人员的彩色铅笔风格的数字绘图。 该网站充分利用了色彩。

6.森西网

Sensi-Web.png

Sensi Web 使用有趣的粒子背景和视差中的心形图形(兼作徽标)。 整个站点的部分背景与此背景和图形的颜色相匹配。 这些部分以交替模式使用两列文本和图形。 使用背景图像的放大版本在项目滑块中显示工作。 字体和图标与设计完美匹配,使网站看起来干净而专业。

7. 约翰·冈萨雷斯

约翰-冈萨雷斯.png

John Gonzalez 使用带有滚动缩放效果的图像滑块。 每张幻灯片都提供了一个简短的陈述。 服务显示在磁贴中,这些磁贴使用漂亮的悬停效果为卡片提供阴影,将标题更改为红色,并放大和加粗图标。 推荐显示图像,您可以选择阅读他们的陈述。 课程和博客也使用悬停效果,但与服务略有不同。 该网站充分利用了红色和白色品牌、动画和视差。

8. 布赖恩·托皮

Brian-Torpie.png

Brian Torpie 在视差中使用渐变背景叠加与 CTA 和一个不错的打字效果。 一个细的全角部分描述了布局的每个部分,从显示所提供服务的第一个部分开始。 每项服务都使用带有文本和 CTA 一侧的背景图像以全宽部分进行描述或演示。

9. Zeljko Skipic

Zeljko-Skipic.png

Zeljko Skipic 使用黑色和白色(主要是灰色阴影)、浅灰色背景部分和视差中的深色叠加来突出产品组合和服务。 这些部分由在文本后面使用代码图形的标题分隔。 右侧站点垂直菜单在导航的单独部分中显示联系人和社交关注按钮。 深灰色在浅灰色的衬托下显得优雅,并形成一种平滑且易于查看的对比。

10. 夏洛特乔登

Charlotte-Jourdain.png

Charlotte Jourdain 使用带有跟随鼠标或对鼠标做出反应的元素的动画标题。 标题的背景用于视差中的所有其他部分。 与标志重叠部分相匹配的大圆圈图案,创造了一个有趣的视觉设计元素。 这些项目使用带有叠加层的缩放悬停效果。 该网站提供法语或英语阅读选项,并充分利用颜色品牌和部分分隔符。

11. Carone Designs

Carone-Designs.png

Carone Designs 显示视频背景、带有 CTA 按钮的有趣标题和右侧菜单,两个部分用一条线分隔。 服务以蓝色背景上的白色文本显示。 诺克斯维尔市的图像用作视差背景,包括在叠加层中显示客户徽标的图像。 该网站充分利用了字体和颜色品牌。

12. BJ基顿

BJ-基顿.png

BJ Keeton 在右侧的背景上显示名称、描述和导航,并带有视差叠加层。 覆盖层中的蓝色和红色在整个站点中用作背景和图标。 书籍和作品集图像使用粗边框使它们脱颖而出。 该网站在保持专业的同时始终使用幽默,这实际上让我想阅读所有文本。

13. 莫西溪

MoxieCreek.png

MoxieCreek 显示带有 CTA 视差的黑白图像。 顶部栏将所有元素放置在右侧。 徽标在滚动时重叠。 在有趣的背景图案上使用蓝色和橙色渐变来显示声明和服务。 服务的详细信息在切换中提供。 我喜欢联系表后面的黑白照片,它显示了彩色的瓢虫。

14.果汁创意网页设计

Juice-Creative-Web-Design.png

Juice Creative Web Design 在整个站点中使用复杂的背景图案,包括各种 CTA 链接的背景。 作品、链接和联系表单的示例以漂亮的阴影效果显示,图像上方带有线条。 下载链接包括简单的悬停效果。 尽管它们错综复杂,但视觉效果永远不会妨碍网站的简洁设计。

15.信息设计

信息设计.png

In-Formation-Design 整体采用柔美优雅的设计,柔和的色彩,部分标题优雅字体后面的水彩溅,柔和的背景图案,花朵,以及关于我部分的水彩溅。 该页面包括视差中的投资组合网格、网页设计包的定价表、切换显示的常见问题解答、透明的推荐滑块和简单的联系表格。

16. Kaya 数字媒体

Kaya-Digital-Media.png

Kaya Digital Media 显示带有徽标和服务列表的视频背景。 它包括一个细长的时事通讯选择表格、交替多布局部分中的服务描述、一个具有真实视差窗口的部分、一个三栏部分中的两栏投资组合网格、帖子滑块和一个优雅的推荐在视差背景上。 我喜欢字体和背景颜色。

最后的想法

这 16 个使用 Divi 构建的数字顾问网站示例表明,Divi 不仅是客户工作的热门主题,而且功能强大,数字顾问将其用于自己的网站。 使用 Divi,您可以为任何类型的数字顾问网站创建有趣的设计,无论多么复杂或简单,从单页网站到带有联系表格的显示服务,再到带有动画和作品集的大型网站。

这些网站非常适合提供布局、颜色使用、图像、CSS 效果、导航、视频等方面的想法,并为您的下一个 Divi 设计提供灵感。

这些使用 Divi 构建的数字顾问网站有哪些您最喜欢的元素? 请在下面的评论中告诉我们!

精选图片来自 BarsRsind/shutterstock.com