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

เผยแพร่แล้ว: 2021-08-30

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

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

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

1. เฮ็ท บีวีกต์

เฮ็ท บีวีกต์

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

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

2. xViz

xViz

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

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

3. หน่วยงานออกแบบโดยรวม

หน่วยงานออกแบบโดยรวม

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

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

4. Lesperance & Associates

Lesperance

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

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

5. วิลเคนเวิร์ค

Wilkenwerk

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

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

6. Ulk

Ulk

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

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

7. กิจการทั่วไป

กิจการทั่วไป

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

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

8. Isitec International

Isitec International

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

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

9. ซันไชน์ ดีไลท์

ซันไชน์ ดีไลท์

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

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

10. แก้ไข Ops

แก้ไข Ops

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

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

บทสรุป

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

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

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

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