Divi 个人教练网站的 12 个示例

已发表: 2017-05-28

个人辅导是网络内外的热门行业。 那些提供个人辅导服务的人需要精心设计的网站来向潜在客户介绍他们的服务和产品。 幸运的是,有很多使用 Divi 制作的个人教练网站可以帮助激发您的想象力。 在本文中,我们将看看 Divi 个人教练网站的 12 个示例。

个人辅导涵盖很多主题,包括生活方式、健康、财务、人际关系、职业等等。 由于服务范围广泛,私人教练的需求因教练而异。 大多数包括注册表单、预订信息、产品、联系信息、博客等。 有些人通过他们的网站提供服务,而另一些人则使用他们的网站来展示他们的产品。

这 12 个网站排名不分先后。 我们甚至在最后还有一个奖励——一个用 Extra 制作的个人教练网站。 让我们来看看…

1. 琥珀色 Chalus

Amber Chalus 使用全屏图像,屏幕右侧带有样式的电子邮件注册表单。 接下来是一个关于字体的部分,字体带有品牌颜色。 接下来是一个带有链接到页面的图像的全宽部分、一个博客部分、一个在蓝色背景上使用优雅的白色字体引用的全宽部分,以及一个关于网站所有者的部分,带有图像、文本和她曾出现在媒体图标中。 导航很简单,没有下拉菜单。 布局看起来精心设计,网站使用柔和的蓝色和优雅的字体。

2. 科特尼麦克德莫特

Cortney McDermott 包括一个带有标语的全屏图像,后跟一个全宽的媒体图标部分和一个电子邮件注册表单。 信息部分使用带有背景颜色和优雅字体的文本模块作为 Read More 消息。 三个 CTA(号召性用语)水平排列,然后是一张全屏图像作为推荐。 博客部分使用三个可点击的图像。 紧随其后的是一本书 CTA、媒体链接和带有注册表单的页脚。 该网站充分利用了图像和字体。

3. 海蒂·罗斯

Heidi Rose 显示带有徽标、标语和样式按钮的全屏图像。 单击该按钮将带您进入主屏幕,显示全屏图像和顶部导航。 滚动显示带有激励消息、CTA 和页脚菜单的几个部分。 该博客在帖子标题上以全角显示三个图像。 帖子本身集中在没有侧边栏的单列中,营造出优雅的外观。 “与我一起工作”页面使用时尚的布局,图像与文本在视差中交替出现。 该商店由 WooCommerce 提供支持。 该网站充分利用了布局、字体和图像。

4. 求爱与约会

求爱与约会使用带有 CTA 和时事通讯表格的全宽滑块。 滚动显示带有图像和描述的书籍的 CTA,以及带有 Kindle 商店链接的书籍列表。 三列信息部分使用文本和图标。 事件部分显示带有指向事件页面链接的图像。 接下来是推荐部分、博客部分和带有品牌颜色的页脚。 该网站充分利用了品牌色彩。

5.洞察力辅导

Insight Coaching 在菜单上方使用带有标语的大标题。 全角图像包括带有更多信息的标语。 滚动显示三列部分,其中包含有关服务的图标和链接的简介。 关于部分将文本放置在样式块中。 信息部分以项目符号的形式提供信息。 推荐部分使用标题图像的镜像版本作为背景。 该网站很简单,并为目标受众很好地利用了颜色和字体。

6. 米歇尔·勒夫特

Michelle Luft 使用带有 CTA 的全宽图像和由 Tawk.To 提供支持的聊天系统。 它包括放置在视差背景图像上的标语。 带圆圈的图像具有指向服务的链接。 动画信息部分在联系表单上方显示幻灯片。 博客部分在滑块内显示帖子。 感言被放置在与标语相同的视差背景上。 页脚包含一个嵌入式 Facebook 链接。 事件日历由 WP Event Plus 提供支持。 布局干净,并使用彩色背景图像来适应主题。

7.We2Me

We2Me 使用带有视差标志的全屏图像。 滚动将使命陈述显示为引用,然后是指向各个页面的链接。 主页的各个部分由带有介绍性文本的视差全屏图像分隔。 这些部分使用图像、文本、视频等。它包括指向新闻中文章的链接、嵌入的音频、联系表格和带有 CTA 的四栏部分。 订阅由 WooCommerce 提供支持。 该网站使用品牌颜色来吸引目标受众。

8. 呼吸与幸福

Breathe and Bliss 使用带有视差旋转消息的全屏背景图像。 信息部分使用带有背景图像的标题文本。 服务的模糊被放置在视差背景上。 关于部分的两列在一侧显示图像,在另一侧显示项目符号。 全宽 CTA 显示图像以演示课程和研讨会。 它还包括一个全宽的 Instagram 提要。 品牌颜色用于设置情绪。

9.我心的炼金术士

My Heart Alchemist 在叠加层、链接和 CTA 中显示带有标语的全宽图像。 描述问题的关于部分使用居中文本。 使用彩色背景将个人引述放置在全角文本部分中。 全角图像拼贴使用叠加层中的语句作为 CTA。 关于部分显示好处,然后是全角推荐和全角 CTA,带有图像和文本,整个部分是一个链接。 预订是通过 LeadBox 表单处理的。 该网站充分利用了品牌色彩、图像和 CTA。

10. 比那更深

Deeper Than That 显示带有 CTA 的全宽图像,然后在全宽图像上以视差显示标语。 博客部分使用悬停动画。 关于部分放置一个文本框,其中包含指向全屏图像一侧的链接。 嵌入的 YouTube 视频显示视频片段以及在 YouTube 上查看视频的链接。 Instagram 部分以砖石网格显示 Instagram 提要。 页脚包括电子邮件注册表单、页面链接和联系信息。 下载是来自 Dropbox 的嵌入文件。 该网站使用黑白来营造气氛。

11.劳里·厄德曼

Laurie Erdman 使用两列部分,一侧是大图像,另一侧是由 ActiveCampaign 提供支持的注册表单。 全角部分在背景图案上显示标语。 滚动显示一个带有链接的嵌入式视频以了解更多信息,带有使用悬停动画的博客类别的图像,一个两栏部分,一边是推荐信,另一边是媒体链接,以及带有链接和社交媒体关注按钮的页脚。 该商店由 WooCommerce 提供支持。 该网站充分利用了颜色和图像。

12. 狂野神圣

Wild Sacred 使用带有居中徽标的盒装设计,其中包括在整个网站中用作标题文本后面的突出显示的彩色飞溅。 该网站采用两栏设计,一侧包含一张图片,另一侧包含欢迎信息和时事通讯表格。 接下来是一系列图像,一侧有文字覆盖,作为 CTA。 一些文本放置在全角图像的一侧。 推荐信显示在全角滑块中。 购买课程是通过 WooCommerce 处理的。 该网站很好地利用了色彩和摄影。

奖金:额外的例子——希望和美分

Hope and Cents 包含带有标语和 CTA 视差的全屏图像。 主页包括一个带有侧边栏的单栏布局,其中包括一个帖子滑块、带有所有类别的标签式帖子模块、时事通讯 CTA 以及两列中的热门和最近的帖子。 侧边栏显示社交关注按钮、关于小部件、媒体图标、获奖证书和最近的推文。 页脚显示一个大的居中徽标和菜单。 “与我一起工作”页面逐步浏览每项服务,并使用视差中的全宽图像将它们分开。 它具有干净的布局和出色的色彩运用,是使用 Extra 杂志模块创建常规网站的一个很好的例子。

最后的想法

无论教练主题如何,这 12 个 Divi 网站和 1 个 Extra 网站都是个人教练网站的绝佳示例。 无论您需要布局、颜色、字体、联系信息、注册表单、预订信息、产品、博客等方面的灵感,这里肯定会有一些东西可以帮助您为私人教练设计下一个 Divi。

我们想听听您的意见。 从这些 Divi 个人教练网站的例子中,你最喜欢的设计元素是什么? 请在下面的评论中告诉我们您的想法。

精选图片来自矢量女神/shutterstock.com