Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนตุลาคม 2020

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

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

Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนตุลาคม 2020

1. ร้านอาหารไข่มหากาพย์

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

เยี่ยมชมเว็บไซต์

2. ป้อมทันตกรรม

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

เยี่ยมชมเว็บไซต์

3. Revolution De Palais

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

เยี่ยมชมเว็บไซต์

4. เนื้อสัตว์ของไมค์

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

เยี่ยมชมเว็บไซต์

5. ศูนย์ทันตกรรม Ostojic

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

เยี่ยมชมเว็บไซต์

6. Incrementl

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

เยี่ยมชมเว็บไซต์

7. กรีน

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

เยี่ยมชมเว็บไซต์

8. ทีมงานทรัพยากรบุคคล

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

เยี่ยมชมเว็บไซต์

9. ไม่อนุญาตให้เครียด

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

เยี่ยมชมเว็บไซต์

10. โลล่า เมนธี

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

เยี่ยมชมเว็บไซต์

ในการปิด

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

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

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

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