Divi Design Showcase: ผลงานใหม่ตั้งแต่มิถุนายน 2021

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

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

Divi Design Showcase: ผลงานใหม่ตั้งแต่มิถุนายน 2021

1. Casa Los Silvestres

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

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

2. วิเวียน ลอว์

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

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

3. นักทำทาง

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

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

4. มูลนิธิ Bisi Alimi

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

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

5. iMedica

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

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

6. บริษัท เจเนซิส ครีเอทีฟ จำกัด

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

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

7. เบฟเช็ค

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

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

8. สะกดจิตสายลม

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

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

9. Centrolab

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

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

10. ผ่อนผัน Fromont

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

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

ถึงเดือนหน้า!

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

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

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

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