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