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