Divi Design Showcase: ผลงานใหม่ตั้งแต่มกราคม 2019

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

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

Divi Design Showcase: ผลงานใหม่ตั้งแต่มกราคม 2019

1. Swyft

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

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

2. เอ็มไพร์ เอ็นจิเนียริ่ง

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

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

3. โซลูชั่นภาษีร่ม

เว็บไซต์นี้ถูกส่งโดย Mani O'Brien เว็บไซต์นี้ใช้สีน้ำเงินเข้มที่มีไฮไลท์สีเหลือง สีขาว และสีน้ำเงินตลอดทั้งการออกแบบ เริ่มต้นด้วยภาพเต็มหน้าจอพร้อมคำอธิบายและ CTA จากนั้นให้ CTA จดหมายข่าวแบบเต็มความกว้างพร้อมสิ่งจูงใจ e-book แบบฟอร์มลงทะเบียนมีความชัดเจนเพียงพอเพื่อให้ไซต์ไม่ต้องมีป๊อปอัป ข้อมูลจะแสดงอยู่ในข้อความแจ้งขนาดใหญ่ที่มีการออกแบบเส้นขอบด้านบนและไอคอนหลากสี การออกแบบเดียวกันนี้ยังใช้สำหรับการบริการ กราฟิกวงกลมที่น่าสนใจแสดงให้เห็นว่ามันทำงานอย่างไร ฉันชอบส่วนข้อความรับรองที่แสดงภาพเต็มความกว้างที่มีคนอยู่ด้านหนึ่งและข้อความรับรองอยู่อีกด้านหนึ่งเหนือพื้นหลัง

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

4. ชนะน้ำ

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

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

5. เฮลเก้ วีเนอร์ส

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

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

6. ฟรุกโต

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

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

7. ที่ปรึกษา Pirela

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

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

8. เมาริ

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

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

9. หนึ่งฟุตเกิน

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

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

10. Extempra

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

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

บทสรุป

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

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

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

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