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

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

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

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

1. เพรสตันสไมล์

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

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

2. WebDevXd

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

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

3. มุนี

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

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

4. สัมมากร

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

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

5. ประกันบัฟเฟอร์

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

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

6. Curlee

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

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

7. Typogenia

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

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

8. บุชคราฟเตอร์

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

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

9. KWALT ดิจิตอล

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

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

10. Exploruns

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

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

ในการปิด

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

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

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

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