Divi 小型企業網站的 11 個示例
已發表: 2017-05-07世界上到處都是小企業,每天都有更多的小企業開始。 隨之而來的是對新網站的持續需求。 有許多使用 Divi 構建的小型企業網站可以為您的下一個項目提供設計靈感。 在本文中,我們將看一看 Divi 小型企業網站的 11 個示例,以幫助您為下一個 Divi 項目提供設計思路。
大多數這些企業為當地服務,而不是通過他們的網站進行銷售。 他們提供聯繫方式和位置信息,以便他們可以來您的位置或您可以去他們的位置。 無論小型企業提供何種類型的服務,這些網站都可以為您的下一個設計提供靈感。 它們沒有特定的順序。
1. 捷特太陽能

J-Tech Solar 使用帶有標語、公司信息和可點擊電話號碼的全屏視頻背景疊加。 它有一個帶有 CTA 的垂直菜單。 接下來是一個三欄部分,其中包含指向所服務行業的鏈接,一個關於使用 CTA 部分覆蓋全屏圖像的部分,以及一個包含文本的四欄信息部分。 下一部分展示了我見過的最有趣的視差用途之一——它包括一個全屏背景圖像,其中包含使用正空間和負空間的文本剪切。 第一行文本阻擋背景,而第二行文本顯示背景。 在此之後是另一個帶有覆蓋層和自定義頁腳的 CTA,右側有聯繫信息。 該網站充分利用了顏色、圖像、視頻和視差。
2. 固定熱量

Fixheat 以藍色覆蓋顯示全屏圖像,其中包括以真實視差提供的徽標、標語、CTA 和服務圖標。 菜單在滾動時顯示。 接下來是一個關於部分,其中包括一張白色背景的圖像和閱讀更多內容的鏈接。 服務在真實視差中顯示為背景圖像上的大圖標。 CTA 放置在深灰色部分。 自定義頁腳在較深的灰色背景上顯示徽標。 該網站很好地利用了顏色和字體。
3. 非標準表格

Non Standard Forms 以真實視差在疊加層中顯示帶有徽標的全屏圖像。 三欄部分顯示了以單色和样式鏈接的大圖像提供的服務。 下一部分顯示了大紅色印刷的全寬推薦。 緊隨其後的是投資組合滑塊、真實視差背景圖像上的全屏推薦滑塊和聯繫表。 組合頁面將每個服務放置在不同顏色的背景上。 該網站充分利用了顏色、背景和字體。
4. Sardis Tire and Auto Works

Sardis Tire and Auto Works 包含帶有標語和 CTA 的全屏圖像。 滾動顯示帶有粗體黃色背景的全寬部分,以及在車間工作的技術人員圖像的全寬部分。 另一個全角部分包括指向使用懸停動畫提供的服務的鏈接。 聯繫部分包括聯繫表格和深藍色背景上的地圖。 菜單鏈接超大,與網站的設計相得益彰。 該網站充分利用了顏色品牌和字體。
5. Adam Alan 繪畫和承包

Adam Alan 繪畫和承包包括一個左側的垂直菜單。 它包括帶有標題、標語和 CTA 視差的全屏圖像。 下一部分在帶有三角形部分樣式的橙色背景上提供公司信息。 接下來是關於部分,其中包含描述所提供服務的圖像、圖標和文本。 房屋照片顯示在全寬部分,然後是多列推薦部分。 聯繫人 CTA 放置在帶有橙色疊加層的圖像上。 頁腳包括 BBB 證書。 該網站很好地利用了色彩。
6. 少女簡

Maiden Jane 在菜單上方使用了一個大徽標,並包括一個帶有歡迎信息和 CTA 視差的全屏圖像。 滾動顯示多列部分,其中包含圖像和背景以及指向各個頁面的鏈接。 自定義頁腳在與品牌匹配的粉紅色背景上顯示徽標、社交按鈕和聯繫信息。 Get a Quote 頁面使用嵌入式 Typeform,您可以在其中選擇您感興趣的產品類型。該網站很簡單,設計簡潔。

7. Schlosserei Schneider

Schlosserei Schneider(Castle Cutters)使用單頁設計,在覆蓋層中顯示帶有標題和標語的全屏電影圖像背景。 下一部分顯示公司和聯繫信息,然後是三列的大部分,中間是所有者的照片,外列是服務描述。 下一部分包括三個帶有工作圖像的滑塊,然後是帶有圖像和聯繫信息的完整部分、全寬背景上的聯繫表格、圖片庫、全寬滾動地圖和頁腳中的信息。 佈局乾淨,易於遵循。
8. 雜工 IOW

Handyman IOW 使用單頁設計,在主菜單上方顯示一個大徽標,其中包括一個可點擊的電話號碼,以及一個帶有徽標、信息和閱讀更多按鈕的大圖形背景。 接下來的兩個部分包括交替的圖像和文本,並包括一個可點擊的電話號碼。 全寬部分在視差圖像上顯示服務,然後是聯繫信息、地圖和聯繫表,並在視差圖像上疊加顯示。 這些網站充分利用可點擊的電話號碼作為號召性用語。
9. 諾曼湖的土地護理和灌溉

Land Care and Irrigation of Lake Norman 包括一個用於“服務”、“圖庫”和“獲取報價”頁面的滑塊,其中有一個按鈕可以查看更多內容,然後是滑塊寬度的綠色框中的 CTA。 側邊欄有一個描述服務的小部件。 單擊每個服務會在小部件的底部顯示詳細信息。 這些頁面在側邊欄中包含 CTA,並使用切換信息和圖像的多佈局圖庫。 報價和付款頁面由自定義聯繫表格提供支持。 該網站很簡單,並充分利用了品牌色彩。
10. 東海岸門

East Coast Doors 在覆蓋層中顯示帶有歡迎消息的全屏背景圖像,並在視差中聯繫 CTA。 滾動顯示帶有三角形部分樣式的電話號碼的公司信息。 產品顯示在帶有鏈接的三列中。 另一部分以帶有銷售信息的列表格式顯示產品、帶有 CTA 的全角部分以及滾動顯示的頁腳。 導航由 Uber Menu 提供支持,並在 megamenu 中顯示產品、產品類別和聯繫表。 該網站充分利用了產品攝影,並在列表中提供了最有趣的菜單。
11. 專業數據管理

Pro Data Management 使用帶有漸變疊加的全屏背景圖像,其中包括公司信息和 CTA。 接下來的幾個部分顯示了三個圖標,其中包含指向相應服務的鏈接,這些圖標按類型分隔。 下一部分顯示員工的認證徽標,後跟 CTA 和帶有 CTA、信息和菜單的頁腳。 屏幕上會保留一個聊天框。 該菜單包括 CTA 和可點擊的電話號碼。 菜單項包括圖標。 案例通過嵌入的簡單表格提交。 該網站很好地利用了疊加層和顏色,並有一個清晰的菜單。
最後的想法
這 11 個 Divi 小型企業網站示例很好地說明了 Divi 可用於創建任何類型的企業網站,無論企業規模如何。 無論站點是帶有聯繫信息的簡單小冊子,還是帶有登錄和支付系統的站點,都可以使用 Divi 構建。
這些網站非常適合為佈局創意、品牌顏色、視差、圖像、動畫、視頻、聯繫系統、CTA、導航等提供創意。 這些網站肯定會為您的下一個小型企業網站設計提供靈感。
您最喜歡這些 Divi 小型企業網站的哪些元素? 請在下面的評論中告訴我們!
精選圖片來自 Mascha Tace/shutterstock.com
