15 ตัวอย่างเว็บไซต์ตัวแทนการตลาดที่สร้างด้วย Divi

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

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

1. ราเชล เทย์เลอร์

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

2. กล่องของนาตาลี

Natalie's Box มีภาพเต็มหน้าจอที่ซูมด้วยโลโก้และสโลแกน ต่อไปนี้คือความกว้างเต็มเกี่ยวกับส่วน ส่วนถัดไปแสดงให้เห็นว่ามีอะไรใหม่ในร้านค้าพร้อมลิงก์ ส่วนแบบหลายเลย์เอาต์จะแสดงงานล่าสุดตามด้วย CTA ส่วนเกี่ยวกับจะแสดงรูปภาพพร้อมข้อความและลิงก์เพื่ออ่านเพิ่มเติม ถัดไปคือแบบฟอร์มการสมัครและลิงก์ข้อความไปยังเครือข่ายสังคมออนไลน์ เมนูนี้รวมถึง CTA ไซต์ใช้ฟอนต์ที่สวยงามตลอดและใช้ประโยชน์จากสีได้อย่างดีเยี่ยม

3. แมตต์ จานาเวย์

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

4. การสร้างแบรนด์ Wheelhouse

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

5. ดึงกำไร

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

6. Super SEO Pymes

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

7. Farrell Media Group

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

8. ความก้าวหน้าอีเมล

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

9. ปลุกการตลาดดิจิทัล

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

10. รักการตลาด

Love Marketing ใช้รูปภาพแบบเต็มหน้าจอโดยมี CTA เป็นพารัลแลกซ์และเมนูโปร่งใส การเลื่อนจะแสดงหลายส่วนโดยมี CTA อยู่ถัดจากรูปภาพ และหลายส่วนที่มีรูปภาพและข้อมูลเต็มหน้าจอซ้อนทับ ส่วนท้ายมีแบบฟอร์มลงทะเบียนอีเมล หน้าต่างๆ ใช้การออกแบบเดียวกันและมีปุ่มสลับเพื่อขยายข้อมูล

11. Il Tuo Web Marketing

Il Tuo Web Marketing แสดงพื้นหลังวิดีโอแบบเต็มความกว้างพร้อมแท็กไลน์ในโอเวอร์เลย์ การเลื่อนเผยให้เห็นบริการในการนำเสนอด้วยไอคอนที่ใช้การสร้างแบรนด์สี ถัดไปเป็นส่วนข้อมูล ส่วนติดต่อที่มีสีพื้นหลังที่ตรงกับไอคอน และแผนที่เคียงข้างกันและแบบฟอร์มการติดต่อ ไซต์นี้เรียบง่าย (อีกหน้าหนึ่งคือแบบฟอร์มการติดต่อ) และใช้ประโยชน์จากสีที่มีตราสินค้าได้อย่างดีเยี่ยม

12. มันฝรั่ง

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

13. Hype Marketing

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

14. Heather ในหมวก

Heather in a Hat แสดงรูปภาพแบบเต็มความกว้างพร้อมข้อความของบริษัท รายการไอคอนสื่อที่บริษัทแสดง ส่วนสองคอลัมน์ที่มี CTA และรูปภาพ และส่วนสามคอลัมน์พร้อมบริการ หน้าบริการจะแสดงข้อความที่มี CTA และรูปภาพในสองคอลัมน์สลับกันตามด้วยตารางราคา หน้าผู้ติดต่อมีการ์ด LinkedIn ที่ฝังอยู่ เว็บไซต์ใช้การออกแบบที่เรียบง่ายและสะอาดตา

15. เป็นหมู่คณะ

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

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

ตัวอย่างเว็บไซต์ตัวแทนการตลาดทั้ง 16 แบบที่สร้างด้วย Divi เป็นตัวอย่างที่ดีในการแสดงให้เห็นว่าเว็บไซต์ตัวแทนการตลาดประเภทใดก็ได้ที่สร้างด้วย Divi ไซต์ทุกประเภทตั้งแต่โบรชัวร์ธรรมดาไปจนถึงไซต์ที่มีตารางราคา พอร์ตโฟลิโอ และกรณีศึกษา

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

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

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