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

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

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

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

1. เอนาช

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

ดูเว็บไซต์

2. Ljuba – Riflessi Digitali

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

ดูเว็บไซต์

3. โหมดความสำเร็จ

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

ดูเว็บไซต์

4. อีริค ฮูเปอร์

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

ดูเว็บไซต์

5. โรงแรมฮาร์โมน่าบีช

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

ดูเว็บไซต์

6. เว็บไซต์ระดับมืออาชีพ Basel

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

ดูเว็บไซต์

7. แค่ VR

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

ดูเว็บไซต์

8. Nicolai Soerensen

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

ดูเว็บไซต์

9. โผล่ออกมา

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

ดูเว็บไซต์

10. คนตอนเช้า

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

ดูเว็บไซต์

ในการปิด

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

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

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

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