Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนกรกฎาคม 2021

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

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

Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนกรกฎาคม 2021

1. สแตรทตัน เครก

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

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

2. ไมค์นักแปลอิสระ

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

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

3. dajo ครีเอทีฟ

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

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

4. แหล่งไอทีที่ปลอดภัย

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

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

5. สตูดิโอ Vitas

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

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

6. ท่องอินโดนีเซีย

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

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

7. คัล ดิจิตอล

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

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

8. โรบินสัน MD

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

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

9. หุ้นส่วนงบประมาณระหว่างประเทศ

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

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

10. เนียนซ่า

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

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

ถึงเดือนหน้า!

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

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

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

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