Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนกุมภาพันธ์ 2019

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

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

Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนกุมภาพันธ์ 2019

1. เชอร์ปาใหม่

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

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

2. ซีเจ็ตส์

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

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

3. สายลม

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

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

4. แมลงปอ Ave

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

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

5. Parris Mfg. บริษัท

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

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

6. imparaqui

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

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

7. อาคารฟีนิกซ์

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

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

8. มาร์กซ์ ครีเอทีฟ

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

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

9. ต้นไม้มหากาพย์

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

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

10. โรเบิร์ต แอล. โอนีล

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

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

ในการปิด

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

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

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

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