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
