Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนพฤษภาคม 2019

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

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

Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนพฤษภาคม 2019

1. อาคิมโบ

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

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

2. นิตยสารแดปเปอร์แทปเปอร์

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

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

3. แผนที่ฐาน

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

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

4. DH Marketing Digital

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

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

5. ยูเกอร์

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

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

6. Idiolektik

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

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

7. Bio-Bausewein

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

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

8. EcoHost

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

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

9. 717 สื่อ

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

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

10. PicknRoll

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

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

ในการปิด

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

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

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

ภาพเด่นผ่าน L-astro / shutterstock.com