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

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

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

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

1. โครงสร้างกระจกช่าง

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

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

2. แคลร์ครีเอทีฟ

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

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

3. สื่อ Freshlit

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

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

4. พันธมิตรสินเชื่อบนยอดเขา

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

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

5. Insight Hosting

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

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

6. เคเรน เอร์เรร่า

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

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

7. ฟินบิงโก

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

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

8. อุคุนิ

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

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

9. ห้องแล็บสถาปนิก

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

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

10. อายุต่อไป

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

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

บทสรุป

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

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

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

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