Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนกันยายน 2019

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

ฉันหวังว่าคุณจะชอบพวกเขา!

Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนกันยายน 2019

1. เจ้าสาวพเนจร

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

เข้าไปดูในเว็บไซต์

2. RHN CPA

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

เข้าไปดูในเว็บไซต์

3. ไอริส

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

เข้าไปดูในเว็บไซต์

4. อรันเซอร์

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

เข้าไปดูในเว็บไซต์

5. ละติจูดพาร์ค

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

เข้าไปดูในเว็บไซต์

6. Sarah Antwerpes

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

เข้าไปดูในเว็บไซต์

7. Ultratek Solutions

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

เข้าไปดูในเว็บไซต์

8. Mepack-cz

ไซต์นี้ถูกส่งโดย Tomaš Orliczek หน้าจอแบ่งออกเป็นสองสีตลอดหน้า โดยมีสีดำอยู่ทางซ้ายและสีขาวอยู่ทางขวา ส่วนฮีโร่แสดงหุ่นยนต์ 6 แกนตรงกลางพร้อมชื่อผลิตภัณฑ์เหนือรูปภาพ ข้อความที่ปรากฏด้านสีดำจะเป็นสีขาว และข้อความที่ปรากฏด้านสีขาวจะเป็นสีดำ ส่วนถัดไปจะแสดงหุ่นยนต์อีกตัวหนึ่งที่อยู่ตรงกลางโดยมีข้อความแจ้งทั้งสองด้านและโมดูลข้อความอยู่ตรงกลางเหนือรูปภาพสำหรับคำอธิบาย หุ่นยนต์อีกตัวหนึ่งค้างจากอันนี้ (สไตล์ GLaDOS) และนำไปสู่ส่วนท้ายด้วยไอคอนโซเชียลมีเดีย ซึ่งจะปรากฏที่ด้านบนของเมนูเมื่อคลิกไอคอนแฮมเบอร์เกอร์ หน้าผลิตภัณฑ์จะแสดงหุ่นยนต์แต่ละตัวที่มีพื้นหลังขาวดำสลับกัน หน้าผลิตภัณฑ์แสดงหุ่นยนต์ที่มีตัวควบคุมอยู่ด้านหนึ่งพร้อมข้อมูลจำเพาะอีกด้านหนึ่ง

เข้าไปดูในเว็บไซต์

9. เป้าหมายมาสเตอร์ฟิตเนส

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

เข้าไปดูในเว็บไซต์

10. Atrify

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

เข้าไปดูในเว็บไซต์

สรุปแล้ว

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

หากคุณต้องการพิจารณาการออกแบบของคุณเอง โปรดส่งอีเมลถึงบรรณาธิการของเราที่ nathan at elegant themes dot com ตรวจสอบให้แน่ใจว่าได้กำหนดหัวเรื่องของอีเมลว่า "การส่งเว็บไซต์ DIVI"

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

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