Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนกันยายน 2018

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

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

Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนกันยายน 2018

1. พิกเซลและดินสอ

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

ดูเว็บไซต์

2. อันเดรีย มาซอตติ

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

ดูเว็บไซต์

3. อาเดรียโน อัลฟาโร

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

ดูเว็บไซต์

4. Emily Merchant

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

ดูเว็บไซต์

5. INTROAMERICA

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

ดูเว็บไซต์

6. สถานีตรวจอากาศ

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

ดูเว็บไซต์

7. Goodimalist

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

ดูเว็บไซต์

8. เจอริกซ์

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

ดูเว็บไซต์

9. มารดาที่มีความเสี่ยง

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

ดูเว็บไซต์

10. Wems Wireless

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

ดูเว็บไซต์

สรุปแล้ว

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

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

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

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