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

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

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

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

1. Poptin

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

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

2. จักรวรรดิ LVP

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

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

3. Andy Hooke

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

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

4. ทางใต้ของ Scruffy Podcast

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

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

5. Palavras Cruzadas

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

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

6. เม็ก โลเนอร์แกน

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

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

7. รีโคว่า

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

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

8. PlantVibe

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

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

9. อาร์เมดีส

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

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

10. เอ็มเจเอส มีเดีย

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

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

ในการปิด

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

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

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

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