16 个使用 Divi 构建的数字顾问网站示例
已发表: 2017-08-04数字咨询是一种流行的在线商业模式。 许多数字顾问与 Divi 一起为他们及其客户开发,这也是 Divi 成为 WordPress 顶级开发主题之一的原因之一。 这意味着有很多使用 Divi 构建的数字顾问网站的例子来帮助提供创意灵感。 在本文中,我们将了解其中的 16 个。
无论数字顾问是否提供网页设计、徽标、平面设计、应用程序开发等服务,这些网站都可以为您的下一个设计提供灵感。 这些网站没有特定的顺序。
1. 智能编码器 3

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

Kaya Digital Media 显示带有徽标和服务列表的视频背景。 它包括一个细长的时事通讯选择表格、交替多布局部分中的服务描述、一个具有真实视差窗口的部分、一个三栏部分中的两栏投资组合网格、帖子滑块和一个优雅的推荐在视差背景上。 我喜欢字体和背景颜色。
最后的想法
这 16 个使用 Divi 构建的数字顾问网站示例表明,Divi 不仅是客户工作的热门主题,而且功能强大,数字顾问将其用于自己的网站。 使用 Divi,您可以为任何类型的数字顾问网站创建有趣的设计,无论多么复杂或简单,从单页网站到带有联系表格的显示服务,再到带有动画和作品集的大型网站。
这些网站非常适合提供布局、颜色使用、图像、CSS 效果、导航、视频等方面的想法,并为您的下一个 Divi 设计提供灵感。
这些使用 Divi 构建的数字顾问网站有哪些您最喜欢的元素? 请在下面的评论中告诉我们!
精选图片来自 BarsRsind/shutterstock.com
