Divi Design Showcase: ผลงานใหม่ตั้งแต่มิถุนายน 2019

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

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

Divi Design Showcase: ผลงานใหม่ตั้งแต่มิถุนายน 2019

1. มารี บูซโควา

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

เยี่ยมชมเว็บไซต์

2. MWS ดิจิตอล

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

เยี่ยมชมเว็บไซต์

3. อุนะมะละกอ

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

เยี่ยมชมเว็บไซต์

4. มะนาวสด

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

เยี่ยมชมเว็บไซต์

5. ไร่ริมแม่น้ำ

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

เยี่ยมชมเว็บไซต์

6. นักขี่ม้าแม่น้ำอีเดน

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

เยี่ยมชมเว็บไซต์

7. ถนนไลออนส์

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

เยี่ยมชมเว็บไซต์

8. Milkin' More

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

เยี่ยมชมเว็บไซต์

9. โปรโฟโต้ออนไลน์

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

เยี่ยมชมเว็บไซต์

10. ไฮโกะ แล็บส์

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

เยี่ยมชมเว็บไซต์

บทสรุป

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

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

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

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