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

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

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

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

1. เออิทานิ

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

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

2. พูดคุยกับเด็บบี้

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

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

3. นักเขียนรอยย่น

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

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

4. DuoGeeks

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

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

5. แมฟเวอริกส์

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

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

6. ภูเขาวิดา

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

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

7. ดร.เอเวลิน วิโนคูร์

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

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

8. เดอะวิลเลจสปา

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

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

9. Createur2Site

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

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

10. เราคือการออกแบบเว็บ

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

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

ในการปิด

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

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

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

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