14 ตัวอย่างเว็บไซต์ของศิลปินและช่างฝีมือที่สร้างด้วย Divi

ศิลปินและช่างฝีมือมีมานานนับพันปีและเป็นที่นิยมทั้งในและนอกเว็บ พวกเขาต้องการเว็บไซต์เพื่อแสดงงานและบอกผู้มีโอกาสเป็นลูกค้าเกี่ยวกับบริการและผลิตภัณฑ์ของตน ตามที่คาดไว้ มีศิลปินและช่างฝีมือจำนวนมากที่ใช้ Divi เพื่อสร้างเว็บไซต์ของตน ในบทความนี้ เราจะมาดูตัวอย่าง 14 ตัวอย่างศิลปินและเว็บไซต์ของช่างฝีมือที่สร้างด้วย Divi

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

1. การสร้างสรรค์ที่ออกแบบอย่างมีศิลปะ

Artfully Designed Creations ใช้ดีไซน์แบบกล่องพร้อมพื้นหลังลายทางส่วนหัวขนาดใหญ่พิเศษและโลโก้พร้อมตัวแบ่งส่วนที่มีสไตล์เพื่อสร้างลุคแบบผ้าม่าน ส่วนต่างๆ ได้แก่ ตัวเลื่อนโพสต์ ผลิตภัณฑ์เด่น ผลิตภัณฑ์ล่าสุด และคำรับรอง แถบข้อความที่ด้านล่างยังคงอยู่บนหน้าจอเมื่อเลื่อน สีแดง/ชมพูและเขียวน้ำทะเลโฟมเข้ากันได้ดีกับการออกแบบของไซต์

2. Abbart JC

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

3. ศิลปะโดย Lexi

Art By Lexi เป็นดีไซน์เรียบง่ายที่แสดงภาพเต็มหน้าจอพร้อมองค์ประกอบหมอกและลายเซ็นในรูปแบบพารัลแลกซ์ที่แท้จริง โลโก้สีแดงสดและเมนูแบบเต็มความกว้างจะอยู่ใต้รูปภาพตามด้วยแกลเลอรีรูปภาพที่กรอง การออกแบบที่เรียบง่ายดึงดูดความสนใจไปที่งานศิลปะ

4. La Tienda Del Desvan

La Tienda Del Desvan ใช้การออกแบบนิตยสาร โลโก้จะหายไปเมื่อเลื่อนออกจากเมนูที่ด้านบนของหน้าจอ ส่วนแรกประกอบด้วยแถบเลื่อนและลิงก์ไปยังศิลปิน ส่วนอื่นแสดงประเภทในกริดที่มีแบบฟอร์มการเลือกสมัครรับข้อมูลขนาดเล็ก ส่วนร้านค้าขับเคลื่อนโดย WooCommerce อีกส่วนรวมภาพถ่ายของศิลปินไว้ใน CTA

5. ศิลปินออทิสติก

Autsome Artist ใช้ส่วนหัวแบบเต็มหน้าจอในรูปแบบพารัลแลกซ์พร้อมลิงก์ไปยังหน้าเกี่ยวกับและพอร์ตโฟลิโอ อาร์ตเวิร์กจะแสดงเป็นพอร์ตโฟลิโอเต็มความกว้างในตารางก่ออิฐ หน้าพอร์ตโฟลิโอแสดงผลงานศิลปะมากขึ้นโดยใช้พอร์ตโฟลิโอที่กรองแล้วในรูปแบบกริดสำหรับก่ออิฐ

6. จอห์น แซมป์สัน อาร์ต

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

7. เดวิด เวลช์ อาร์ต

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

8. Toula Boula

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

9. Nancy Hughes Art

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

10. สตูดิโอช่วงเวลาอ่อนโยน

Gentle Moments Studio ใช้การออกแบบกล่องที่มีภูมิหลังทางศิลปะ เนื้อหาถูกวางไว้พร้อมกับกล่องที่มีความทึบลดลงเล็กน้อย ซึ่งช่วยให้มองเห็นพื้นหลังได้ หน้าประกอบด้วยวิดีโอที่ฝังไว้ CTA สองคอลัมน์ รูปภาพเต็มความกว้างที่ทำงานเป็นตัวอย่างหน้าที่เปิดในไลท์บ็อกซ์ ตารางแกลเลอรี และเกี่ยวกับส่วนต่างๆ เว็บไซต์ใช้แบบอักษรและพื้นหลังที่สวยงาม

11. สัมผัสที่สอง Art

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

12. Joanna Marie Art

Joanna Marie Art ใช้แถบเลื่อนรูปภาพแบบเต็มความกว้างเพื่อแสดงงานศิลปะ ต่อไปนี้คือส่วนที่แสดงหมวดหมู่ร้านค้าสามประเภทพร้อมลิงก์ ส่วนสองคอลัมน์เกี่ยวกับหัวข้อ คำพูดสร้างแรงบันดาลใจแบบเต็มความกว้าง และส่วนท้ายพร้อมฟีด Facebook และ Instagram ฉันชอบการออกแบบโลโก้แสนหวานที่ใช้หัวใจที่เปิดกว้างเพื่อสร้าง J, M และ A หน้าผลงานศิลปะจะแสดงรูปภาพบนพื้นหลังสีเข้มโดยเปิดแต่ละช่องในไลท์บ็อกซ์ ร้านค้าขับเคลื่อนโดย WooCommerce

13. ช่างฝีมือผู้น่ารัก

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

14. พันธมิตรอุตสาหกรรมหัตถกรรม

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

ความคิดสุดท้าย

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

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

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

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