11 ตัวอย่างเว็บไซต์ Divi Small Business

โลกเต็มไปด้วยธุรกิจขนาดเล็กและมีการเริ่มต้นมากขึ้นทุกวัน ด้วยเหตุนี้จึงมีความต้องการเว็บไซต์ใหม่อย่างต่อเนื่อง มีเว็บไซต์ธุรกิจขนาดเล็กจำนวนมากที่สร้างด้วย Divi เพื่อให้แรงบันดาลใจในการออกแบบสำหรับโครงการต่อไปของคุณ ในบทความนี้ เราจะมาดูตัวอย่าง 11 ตัวอย่างของเว็บไซต์ธุรกิจขนาดเล็ก Divi เพื่อช่วยให้คุณมีแนวคิดในการออกแบบสำหรับโครงการ Divi ครั้งต่อไปของคุณ

ธุรกิจเหล่านี้ส่วนใหญ่ให้บริการในพื้นที่และแทนที่จะขายผ่านเว็บไซต์ของตน พวกเขาให้ข้อมูลติดต่อและตำแหน่งเพื่อให้พวกเขาสามารถมาที่ตำแหน่งของคุณหรือคุณสามารถไปที่ของพวกเขาได้ ไม่ว่าธุรกิจขนาดเล็กจะให้บริการประเภทใด ไซต์เหล่านี้สามารถช่วยสร้างแรงบันดาลใจในการออกแบบครั้งต่อไปของคุณได้ พวกมันไม่ได้เรียงกันเป็นพิเศษ

1. เจเทค โซลาร์

J-Tech Solar ใช้พื้นหลังวิดีโอแบบเต็มหน้าจอพร้อมแท็กไลน์ ข้อมูลบริษัท และหมายเลขโทรศัพท์ที่คลิกได้ในการซ้อนทับ มีเมนูแนวตั้งพร้อม CTA ต่อไปนี้คือส่วนสามคอลัมน์ที่มีลิงก์ไปยังอุตสาหกรรมที่ให้บริการ ส่วนเกี่ยวกับที่มี CTA ที่ใช้การซ้อนทับบางส่วนบนรูปภาพแบบเต็มหน้าจอ และส่วนข้อมูลสี่คอลัมน์พร้อมข้อความ ส่วนถัดไปแสดงการใช้พารัลแลกซ์ที่น่าสนใจที่สุดอย่างหนึ่งที่ฉันเคยเห็นมา ซึ่งรวมถึงภาพพื้นหลังแบบเต็มหน้าจอพร้อมการตัดข้อความโดยใช้พื้นที่ทั้งด้านบวกและด้านลบ ข้อความบรรทัดแรกจะบล็อกพื้นหลังในขณะที่ข้อความบรรทัดที่สองแสดงพื้นหลัง หลังจากนี้เป็น CTA อื่นที่มีการซ้อนทับและส่วนท้ายที่กำหนดเองพร้อมข้อมูลการติดต่อทางด้านขวา เว็บไซต์นี้ใช้ประโยชน์จากสี รูปภาพ วิดีโอ และพารัลแลกซ์ได้อย่างดีเยี่ยม

2. ฟิกซ์ฮีท

Fixheat แสดงภาพเต็มหน้าจอที่มีสีน้ำเงินทับซ้อน ซึ่งรวมถึงโลโก้ แท็กไลน์ CTA และไอคอนของบริการที่มีให้ในรูปแบบพารัลแลกซ์ที่แท้จริง เมนูจะปรากฏบนเลื่อน ต่อไปนี้เป็นส่วนเกี่ยวกับที่มีรูปภาพบนพื้นหลังสีขาวและลิงก์เพื่ออ่านเพิ่มเติม บริการจะแสดงเป็นไอคอนขนาดใหญ่บนภาพพื้นหลังในรูปแบบพารัลแลกซ์ที่แท้จริง วาง CTA ไว้เหนือส่วนสีเทาเข้ม ส่วนท้ายแบบกำหนดเองจะแสดงโลโก้บนพื้นหลังสีเทาเข้ม ไซต์นี้ใช้สีและแบบอักษรได้อย่างดีเยี่ยม

3. แบบฟอร์มที่ไม่ได้มาตรฐาน

Non Standard Forms แสดงภาพเต็มหน้าจอพร้อมโลโก้ซ้อนทับในแบบพารัลแลกซ์จริง ส่วนสามคอลัมน์แสดงบริการที่มีรูปภาพขนาดใหญ่ในลิงก์ขาวดำและลิงก์ที่มีสไตล์ ส่วนถัดไปแสดงข้อความรับรองแบบเต็มความกว้างในการพิมพ์สีแดงขนาดใหญ่ ต่อไปนี้คือตัวเลื่อนพอร์ตโฟลิโอ ตัวเลื่อนคำรับรองแบบเต็มหน้าจอเหนือรูปภาพพื้นหลังในรูปแบบพารัลแลกซ์จริง และแบบฟอร์มการติดต่อ หน้า Portfolio จะวางบริการแต่ละรายการไว้บนพื้นหลังสีต่างๆ เว็บไซต์นี้ใช้ประโยชน์จากสี พื้นหลัง และแบบอักษรได้อย่างดีเยี่ยม

4. Sardis Tyre and Auto Works

Sardis Tyre and Auto Works มีภาพเต็มหน้าจอพร้อมสโลแกนและ CTA การเลื่อนแสดงความกว้างเต็มของส่วนที่มีพื้นหลังสีเหลืองตัวหนา ส่วนแบบเต็มความกว้างพร้อมรูปภาพของช่างเทคนิคที่ทำงานอยู่ในร้าน ส่วนแบบเต็มความกว้างอีกส่วนมีลิงก์ไปยังบริการที่มีให้โดยใช้ภาพเคลื่อนไหวแบบโฮเวอร์ ส่วนการติดต่อประกอบด้วยแบบฟอร์มการติดต่อและแผนที่บนพื้นหลังสีน้ำเงินเข้ม ลิงค์เมนูมีขนาดใหญ่เป็นพิเศษและดูดีกับการออกแบบของเว็บไซต์ ไซต์นี้ใช้ประโยชน์จากการสร้างแบรนด์สีและแบบอักษรได้อย่างดีเยี่ยม

5. อดัม อลัน จิตรกรรมและการทำสัญญา

Adam Alan Painting and Contracting มีเมนูแนวตั้งด้านซ้าย ประกอบด้วยรูปภาพแบบเต็มหน้าจอที่มีชื่อ สโลแกน และ CTA ในรูปแบบพารัลแลกซ์ ส่วนถัดไปให้ข้อมูลของบริษัทบนพื้นหลังสีส้มพร้อมการจัดรูปแบบส่วนสามเหลี่ยม ตามด้วยส่วนเกี่ยวกับที่มีรูปภาพ ไอคอน และข้อความอธิบายบริการที่มีให้ รูปภาพของบ้านจะแสดงในส่วนเต็มความกว้าง ตามด้วยส่วนรับรองแบบหลายคอลัมน์ CTA ของผู้ติดต่อวางทับรูปภาพที่มีโอเวอร์เลย์สีส้ม ส่วนท้ายมีใบรับรอง BBB เว็บไซต์ใช้สีได้ดี

6. สาวเจน

Maiden Jane ใช้โลโก้ขนาดใหญ่เหนือเมนูและรวมรูปภาพแบบเต็มหน้าจอพร้อมข้อความต้อนรับและ CTA ในรูปแบบพารัลแลกซ์ การเลื่อนจะแสดงส่วนแบบหลายคอลัมน์พร้อมรูปภาพและพื้นหลังพร้อมลิงก์ไปยังหน้าต่างๆ ส่วนท้ายที่กำหนดเองจะแสดงโลโก้ ปุ่มโซเชียล และข้อมูลติดต่อบนพื้นหลังสีชมพูที่ตรงกับตราสินค้า หน้า ขอใบเสนอราคา ใช้ Typeform แบบฝัง ซึ่งคุณสามารถเลือกประเภทของผลิตภัณฑ์ที่คุณสนใจ ไซต์นี้เรียบง่ายและใช้การออกแบบที่สะอาดตา

7. ชลอสเซอไร ชไนเดอร์

Schlosserei Schneider (เครื่องตัดปราสาท) ใช้การออกแบบหน้าเดียวที่แสดงพื้นหลังภาพยนตร์แบบเต็มหน้าจอพร้อมชื่อและสโลแกนในโอเวอร์เลย์ ส่วนถัดไปจะแสดงข้อมูลบริษัทและข้อมูลติดต่อ ตามด้วยส่วนขนาดใหญ่ในสามคอลัมน์ โดยมีรูปถ่ายของเจ้าของอยู่ตรงกลางและคำอธิบายของบริการในคอลัมน์ด้านนอก ส่วนถัดไปประกอบด้วยแถบเลื่อนสามตัวที่มีรูปภาพของงาน ตามด้วยส่วนที่มีรูปภาพและข้อมูลติดต่อ แบบฟอร์มการติดต่อบนพื้นหลังแบบเต็มความกว้าง แกลเลอรีรูปภาพ แผนที่เลื่อนแบบเต็มความกว้าง และข้อมูลในส่วนท้าย เลย์เอาต์นั้นสะอาดและง่ายต่อการติดตาม

8. ช่างซ่อมบำรุง IOW

Handyman IOW ใช้การออกแบบหน้าเดียวที่แสดงโลโก้ขนาดใหญ่เหนือเมนูหลักที่มีหมายเลขโทรศัพท์ที่คลิกได้ และพื้นหลังกราฟิกขนาดใหญ่ที่มีโลโก้ ข้อมูล และปุ่มอ่านเพิ่มเติมในโอเวอร์เลย์ สองส่วนถัดไปประกอบด้วยรูปภาพและข้อความสลับกัน และรวมถึงหมายเลขโทรศัพท์ที่คลิกได้ ส่วนแบบเต็มความกว้างจะแสดงบริการเหนือรูปภาพในรูปแบบพารัลแลกซ์ ตามด้วยข้อมูลติดต่อ แผนที่ และแบบฟอร์มการติดต่อเหนือรูปภาพในรูปแบบพารัลแลกซ์ที่มีการซ้อนทับ เว็บไซต์ใช้ประโยชน์จากหมายเลขโทรศัพท์ที่คลิกได้เป็นคำกระตุ้นการตัดสินใจ

9. การดูแลที่ดินและการชลประทานของทะเลสาบนอร์มัน

Land Care and Irrigation of Lake Norman มีแถบเลื่อนสำหรับหน้าบริการ แกลเลอรี และขอใบเสนอราคาพร้อมปุ่มเพื่อดูเพิ่มเติมตามด้วย CTA ในกล่องสีเขียวตามความกว้างของตัวเลื่อน แถบด้านข้างมีวิดเจ็ตที่อธิบายบริการต่างๆ การคลิกที่แต่ละบริการจะแสดงรายละเอียดในส่วนล่างของวิดเจ็ต หน้าต่างๆ จะรวม CTA ในแถบด้านข้างและใช้การสลับสำหรับข้อมูลและแกลเลอรีแบบหลายเลย์เอาต์สำหรับรูปภาพ หน้าใบเสนอราคาและการชำระเงินขับเคลื่อนโดย Custom Contact Forms ไซต์นี้เรียบง่ายและใช้ประโยชน์จากสีที่มีตราสินค้าได้เป็นอย่างดี

10. ประตูฝั่งตะวันออก

ประตูฝั่งตะวันออกแสดงภาพพื้นหลังแบบเต็มหน้าจอพร้อมข้อความต้อนรับในโอเวอร์เลย์ และติดต่อ CTA ในรูปแบบพารัลแลกซ์ การเลื่อนเผยให้เห็นข้อมูลบริษัทพร้อมหมายเลขโทรศัพท์ที่มีการจัดรูปแบบส่วนสามเหลี่ยม ผลิตภัณฑ์จะแสดงเป็นสามคอลัมน์พร้อมลิงก์ ส่วนอื่นแสดงผลิตภัณฑ์ในรูปแบบรายการพร้อมข้อมูลการขาย ส่วนแบบเต็มความกว้างพร้อม CTA และส่วนท้ายที่แสดงบนเลื่อน การนำทางขับเคลื่อนโดยเมนู Uber และแสดงผลิตภัณฑ์ หมวดหมู่ผลิตภัณฑ์ และแบบฟอร์มการติดต่อภายใน megamenu เว็บไซต์นี้ใช้ประโยชน์จากการถ่ายภาพสินค้าได้อย่างดีเยี่ยมและมีเมนูที่น่าสนใจที่สุดในรายการ

11. การจัดการข้อมูลแบบมืออาชีพ

Pro Data Management ใช้ภาพพื้นหลังแบบเต็มหน้าจอที่มีการซ้อนทับแบบไล่ระดับสีที่มีข้อมูลบริษัทและ CTA สองสามส่วนถัดไปจะแสดงไอคอนสามไอคอนพร้อมลิงก์ไปยังบริการที่เกี่ยวข้อง ซึ่งแยกตามประเภท ส่วนถัดไปจะแสดงโลโก้การรับรองของพนักงาน ตามด้วย CTA และส่วนท้ายที่มี CTA ข้อมูล และเมนู กล่องสนทนายังคงอยู่บนหน้าจอ เมนูประกอบด้วย CTA และหมายเลขโทรศัพท์ที่คลิกได้ รายการเมนูประกอบด้วยไอคอน กรณีถูกส่งผ่าน Simple Forms ที่ฝังไว้ เว็บไซต์นี้ใช้ภาพซ้อนทับและสีได้อย่างยอดเยี่ยม และมีเมนูที่คมชัด

ความคิดสุดท้าย

11 ตัวอย่างเว็บไซต์ธุรกิจขนาดเล็กของ Divi เป็นตัวอย่างที่ดีในการแสดงว่า Divi สามารถใช้สร้างเว็บไซต์ธุรกิจประเภทใดก็ได้ ไม่ว่าธุรกิจจะเล็กเพียงใด ไม่ว่าเว็บไซต์จะเป็นโบรชัวร์ธรรมดาที่มีข้อมูลติดต่อหรือเว็บไซต์ที่มีระบบการเข้าสู่ระบบและการชำระเงิน ก็สามารถสร้างได้ด้วย Divi

ไซต์เหล่านี้เหมาะสำหรับการเสนอแนวคิดสำหรับแนวคิดเลย์เอาต์ สีที่มีตราสินค้า พารัลแลกซ์ รูปภาพ แอนิเมชั่น วิดีโอ ระบบการติดต่อ CTA การนำทาง และอื่นๆ เว็บไซต์เหล่านี้แน่ใจว่าจะสร้างแรงบันดาลใจให้คุณสำหรับการออกแบบเว็บไซต์ธุรกิจขนาดเล็กครั้งต่อไปของคุณ

องค์ประกอบใดที่คุณโปรดปรานในเว็บไซต์ธุรกิจขนาดเล็กของ Divi เหล่านี้ แจ้งให้เราทราบในความคิดเห็นด้านล่าง!

ภาพเด่นผ่าน Mascha Tace / shutterstock.com