11 個使用 Divi 構建的 SAAS 網站示例

已發表: 2017-05-01

SAAS（軟件即服務）是一種流行的商業模式，正如您想像的那樣，SAAS 系統需要網站來向潛在客戶解釋和展示他們的服務。幸運的是，有很多使用 Divi 構建的 SAAS 網站。在本文中，我們將介紹 11 個使用 Divi 構建的 SAAS 網站示例，以幫助激發您進行下一個 SAAS 項目的靈感。

這些網站可以幫助您獲得佈局、顏色、圖像、產品描述、嵌入式視頻、案例研究、CTA（號召性用語）、導航等方面的靈感。大多數是帶有定價表的小冊子。許多包括聊天和其他通信系統。這些網站沒有特定的順序。

1. 發票中心

Invoice Central 顯示帶有標語和 CTA 的全寬圖像，以及帶有媒體標識的部分，其中展示了該服務。單擊該圖像會打開嵌入的 Vimeo 視頻。頂部菜單包括聊天按鈕和登錄/註冊按鈕。下一部分顯示具有重疊部分的功能。入門部分使用圖標顯示了該過程。滾動代碼顯示客戶徽標。推薦滑塊顯示帶有縮放動畫的推薦，然後是 CTA 和帶有鏈接的頁腳。該網站是使用圖形和顏色的一個很好的例子。

2. 視覺規劃

視覺規劃包括一個全屏帖子滑塊、一個包含平面設計圖像的部分，其中包含指向各種 SAAS 選項的鏈接，以及一個包含時事通訊註冊表和活動日曆的兩欄部分。接下來是一個部分，其中包含描述 SAAS 解決方案的簡介、兩個 CTA 和帶有鏈接的頁腳。菜單系統包括可點擊的聯繫信息和與顏色品牌相匹配的社交鏈接。

3.Traineaze

Traineaze 使用帶有平台信息和 CTA 的全屏背景圖像。滾動會顯示一個帶有圖標的部分，只需幾句話就可以顯示好處。下一部分使用交替的圖像和文本來顯示有關係統的詳細信息。接下來是一個包含定價和 CTA 的部分、帶有公司徽標的客戶推薦、一個包含獎項和 CTA 的部分，以及包含聯繫信息和關於信息的頁腳。菜單還包括一個 CTA。 Zendesk 消息框保留在屏幕上。該網站使用乾淨的佈局充分利用了顏色和圖像。

4.海拔365

Altitude 365 使用帶有動畫疊加層的全屏背景圖像，同時提供有關服務的信息。博客文章的鏈接以不同的顏色背景顯示在右側。菜單包括多個徽標、電子郵件鏈接、幫助鏈接以及標準菜單和漢堡包菜單。漢堡菜單包括可點擊的聯繫人和社交鏈接。接下來的部分顯示了流程的時間線、服務列表、帶有疊加的案例研究，以及使用時間線和更多信息鏈接的關於部分。博客頁面在大塊中顯示最後三篇文章，然後是四列中的常規博客列表。該網站佈局簡潔，並充分利用了色彩。

5. 正式

Formaliti 在一側的疊加層中顯示帶有信息和 CTA 的全屏圖像。一小部分提供簡短說明，然後是帶有 CTA 和嵌入視頻的更詳細部分，以及帶有圖像和信息的部分。好處用彩色品牌圖標顯示，而另一部分顯示每個業務部門從哪些計劃中受益。推薦部分顯示帶有名稱的圖像以及查看推薦和案例研究的鏈接。 CTA 放置在粒子背景上。頁腳顯示帶有品牌顏色的鏈接。該網站充分利用了色彩和空白。

6. 網銀

Netsil 使用帶有標語和 CTA 的全屏圖像。菜單還包括一個 CTA。接下來是一個關於白皮書的下載鏈接的關於部分，一個包含關於服務的簡介的部分，以及一個顯示它是如何工作的部分，包括圖標和 CTA。博客部分顯示特色文章。自定義頁腳包括粒子背景上的鏈接和註冊表單。屏幕上會保留一個聊天按鈕。這些網站充分利用了品牌色彩和動畫。

7. 卡西斯托

Kasisto 在覆蓋層中使用帶有標語和 CTA 的全屏背景圖像。下一部分使用帶有信息、徽標和 CTA 圖標的背景疊加在一起。下面是一張帶有覆蓋圖的全寬圖像，用於展示產品並列出功能，一個部分顯示產品與 CTA 一起工作的動畫，一個包含媒體引用的部分，背景上的公司聲明，以及帶有聯繫表。該網站很好地利用了顏色和圖像。

8. RankAbove

RankAbove 在疊加層中使用帶有標語和 CTA 的全寬圖像。滾動顯示帶有圖標和 CTA 的簡介，帶有客戶徽標和鏈接的部分以真實視差覆蓋在客戶網站的圖像上，以及帶有使用圓形計數器和平面設計圖形的統計信息的部分。推薦書以視差顯示在公司圖像的疊加層中。有關服務的部分使用帶圓圈的圖像和鏈接。大頁腳包括鏈接和聯繫表格。聯繫人和登錄鏈接位於頂部菜單中。該網站很好地利用了疊加層和視差。

9.支付寶

Ezypay 在覆蓋層中使用帶有信息和 CTA 的全屏背景圖像。它甚至包括一個視頻播放按鈕，可以在模式窗口中播放 YouTube 視頻。幾個部分顯示了產品功能，並帶有鏈接以了解更多信息。全寬部分包括一個背景圖片，疊加層中帶有網絡研討會 CTA。通過全角聯繫表格進行查詢。頁腳包括指向該站點的各種語言的鏈接。定價頁麵包括一個國家選擇器。該網站充分利用了品牌色彩。

10. vcita

vcita 包括帶有標語和 CTA 的全屏動畫背景。它還在菜單中包含一個 CTA。滾動顯示幾個部分，顯示應用程序的動畫演示，其中包含交替佈局中的項目符號和優點圖標。接下來是完整的 CTA，其中包含聯繫信息、推薦信、系統集成平台的徽標、定價表和帶鏈接的頁腳。該網站充分利用了動畫和品牌色彩。

11. OpenRemote

OpenRemote 顯示帶有標語和 YouTube 視頻鏈接的全屏圖像。單擊按鈕時，視頻以模式播放。它在徽標下方包含一個全角菜單，其中包含一條分隔線。下一部分使用圖標顯示了該過程中的步驟。接下來是有關服務的簡介部分，背景圖像上的全寬推薦滑塊，帶有新聞提要和最新推文的部分，客戶和獎項的滑塊，以及帶有鏈接和搜索的頁腳。該網站充分利用了品牌色彩。

最後的想法

這 11 個使用 Divi 構建的 SAAS 網站示例是 Divi 用於創建有趣的 SAAS 網站的絕佳示例，其中包含詳細的產品信息和優勢、定價表、案例研究、嵌入式視頻、聊天系統等。

這些網站非常適合提供佈局、顏色、圖像、背景、視頻、導航等方面的想法。 SAAS 網站非常適合展示產品，也可以作為產品攝影和案例研究的示例。這些網站一定會為您的下一個 SAAS 設計提供靈感。

您最喜歡這些 Divi SAAS網站的哪些元素？ 請在下面的評論中告訴我們！

精選圖片來自 venimo/shutterstock.com