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

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

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

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

1. Atelier 1318

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

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

2. เทคนิคทางกฎหมาย

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

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

3. คริสตจักรชุมชนริดจ์

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

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

4. ลงสื่อ

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

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

5. สุขภาพชีวิตหมอ

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

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

6. สื่อร่วม

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

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

7. บริการเดินสุนัขบิชอปตัน

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

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

8. ไอวู้ด

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

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

9. โคดี้ กูดิน

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

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

10. Elsebeth Egholm

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

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

บทสรุป

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

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

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

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