9 Divi Layouts สำหรับเว็บไซต์สัตวแพทย์
เผยแพร่แล้ว: 2020-02-17Divi เป็นตัวเลือกที่ยอดเยี่ยมในการสร้างเว็บไซต์สำหรับสัตวแพทย์ คุณสามารถสร้างไซต์ได้ตั้งแต่เริ่มต้น แต่เพื่อประหยัดเวลา คุณสามารถเลือกเลย์เอาต์หรือธีมย่อยที่ออกแบบอย่างมืออาชีพ ในบทความนี้ เราจะดูเค้าโครง Divi 9 แบบสำหรับเว็บไซต์สัตวแพทย์เพื่อช่วยให้คุณเริ่มต้นโครงการ Divi ครั้งต่อไปได้
เลย์เอาต์เหล่านี้บางส่วนมาจากไซต์สมาชิก การเข้าถึงต้องมีการสมัครสมาชิกรายเดือนหรือรายปี และการเป็นสมาชิกรวมถึงการเข้าถึงผลิตภัณฑ์อื่นๆ อีกมากมาย ในกรณีนี้ ฉันได้ระบุราคาสำหรับการเป็นสมาชิกขั้นต่ำและอธิบายสิ่งที่รวมอยู่ด้วย ฉันได้ให้ลิงก์ที่ดีที่สุดเพื่อดูหน้าเว็บและราคาที่มีอยู่ บางส่วนเป็นลิงก์ค้นหามากกว่าลิงก์ผลิตภัณฑ์โดยตรง เลย์เอาต์ไม่ได้เรียงลำดับเฉพาะ (อันที่จริง เลย์เอาต์อยู่ในลำดับที่ฉันพบ)
1. ชุดเค้าโครงสัตวแพทย์

Veterinarian Layout Pack จาก Elegant Themes ออกแบบมาสำหรับสัตวแพทย์และมาพร้อมกับ 7 หน้ารวมถึงหน้า Landing Page, หน้าแรก, บริการ, บริการ, บล็อก, รายชื่อติดต่อ และหน้าเกี่ยวกับ หน้า Landing Page จะแสดง CTA แบบเต็มหน้าจอโดยมีชื่อและคำอธิบายอยู่ด้านหนึ่งและกราฟิกอีกด้านหนึ่งมีปุ่มอยู่ข้างใต้ นอกจากนี้ยังแสดงเวลาทำการ ข้อมูลบริษัท ลิงก์ไปยังแพทย์ วิดีโอ และอื่นๆ รูปภาพจะแสดงเป็นวงกลม หน้าอื่นๆ เป็นไปตามการออกแบบ แต่เพิ่มเลย์เอาต์สลับกันและ CTA ที่เล็กกว่า ซึ่งรวมถึงกราฟิกและภาพที่ใช้งานได้ฟรีในโครงการของคุณ
ราคา: ฟรี | ข้อมูลมากกว่านี้
2. Ameripet

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

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

สัตวแพทย์เป็นแบบหน้าเดียวสำหรับสำนักงานสัตวแพทย์ ส่วนฮีโร่แสดงภาพพื้นหลังพร้อม CTA ในการซ้อนทับและภาพของแพทย์ซ้อนทับกันซึ่งจะนำไปสู่ส่วนถัดไป ส่วนถัดไปเป็นพื้นที่สำหรับข้อความและคำรับรอง ประเภทของสัตว์ที่สำนักงานจัดการจะแสดงในส่วนของภาพถ่ายในสี่คอลัมน์ที่มีข้อความและปุ่มที่สลับกับภาพหรือข้อความที่ด้านบน สมาชิกในทีมจะแสดงด้วยโมดูลบุคคลที่มีสไตล์ในส่วนพารัลแลกซ์ นอกจากนี้ยังมีส่วนใบเสนอราคาขนาดใหญ่ ข้อความรับรองที่มีสไตล์ แกลเลอรีรูปภาพ แบบฟอร์มติดต่อ และข้อมูลติดต่อบนรูปภาพพื้นหลัง
ราคา: $149 (สมาชิก 1 ปี รวมเลย์เอาต์ทั้งหมด) | ข้อมูลมากกว่านี้
5. สัตวแพทย์2

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

ราคา: $149 (สมาชิก 1 ปีรวมเลย์เอาต์ทั้งหมด) | ข้อมูลมากกว่านี้
6. สัตวแพทย์

Vet ได้รับการออกแบบสำหรับสัตวแพทย์และมีสามหน้า: หน้าแรก เกี่ยวกับเรา และการติดต่อ หน้าแรกจะแสดงภาพพื้นหลังแบบเต็มหน้าจอโดยมีสโลแกนอยู่ด้านบน ส่วนข้อมูลจะแสดงข้อความในคอลัมน์หนึ่งและข้อมูลติดต่อในอีกคอลัมน์หนึ่งภายในบล็อกขนาดใหญ่เพื่อให้โดดเด่น บริการต่างๆ จะแสดงในการนำเสนอโดยใช้ไอคอนและชื่อใน 6 คอลัมน์ นอกจากนี้ยังมีข้อความรับรอง บริการพร้อมรูปภาพและปุ่มเพื่อดูข้อมูลเพิ่มเติม CTA ผู้ติดต่อที่มีสไตล์พร้อมภาพพื้นหลังและตัวแบ่งที่มีสไตล์ และส่วนท้ายที่กำหนดเองพร้อมข้อมูลการติดต่อ
ราคา: $10 (สมาชิก 1 เดือน รวมผลิตภัณฑ์ทั้งหมดสำหรับระดับ Freelancer และต่ำกว่า) | ข้อมูลมากกว่านี้
7. ดูแลสัตว์เลี้ยง

Care Pet เป็นเลย์เอาต์หน้าเดียวที่ออกแบบโดยคำนึงถึงบริการสัตว์เลี้ยงมากมาย รวมถึงการดูแลสุขภาพสัตว์เลี้ยง การตัดแต่งขน และอื่นๆ ส่วนฮีโร่แสดงแถบเลื่อนเต็มความกว้างพร้อม CTA ในการซ้อนทับ ส่วนถัดไปจะให้ข้อมูลเกี่ยวกับบริษัทด้วยข้อความ ปุ่มที่มีสไตล์ และรูปภาพ มีการอธิบายบริการด้วยรูปภาพ ข้อความ และตัวแบ่ง รูปภาพรวมถึงแอนิเมชั่นโฮเวอร์ คำรับรองที่มีสไตล์ให้คำวิจารณ์ ส่วนข้อมูลอื่นรวมถึงหีบเพลงที่มีสไตล์และการนำเสนอ ส่วนอื่นๆ ได้แก่ เคาน์เตอร์หมายเลข แกลเลอรี CTA และแบบฟอร์มการติดต่อพร้อมข้อมูล
ราคา: $20 (สมาชิก 1 เดือน รวมผลิตภัณฑ์ทั้งหมดสำหรับระดับเอเจนซี่หรือต่ำกว่า) | ข้อมูลมากกว่านี้
8. เค้าโครงการดูแลสัตว์เลี้ยง

เลย์เอาต์ Pet Care คือการออกแบบหน้าเดียวสำหรับธุรกิจการดูแลสัตว์เลี้ยงและการรับเลี้ยงบุตรบุญธรรม ส่วนฮีโร่แสดงภาพเต็มความกว้างด้วย CTA ส่วนเกี่ยวกับสิ่งที่พวกเขาแสดงบริการภายในโพสต์บล็อก ส่วนแบบสองคอลัมน์จะแสดงตัวนับจำนวนที่ด้านหนึ่งและข้อความรับรองในอีกฝั่งหนึ่ง เลย์เอาต์นี้ยังมีแกลเลอรี ส่วนร้านค้าเพื่อแสดงสินค้าที่มีแอนิเมชั่นแบบโฮเวอร์ CTA แบบเต็มความกว้างในพารัลแลกซ์ และส่วนการติดต่อที่ให้ข้อมูลในการซ้อนทับของรูปภาพที่มีแอนิเมชั่นโฮเวอร์
ราคา: $10 (สมาชิก 1 เดือน รวมผลิตภัณฑ์ทั้งหมดสำหรับระดับ Freelancer และต่ำกว่า) | ข้อมูลมากกว่านี้
9. แม่แบบการดูแลสัตว์เลี้ยง

เทมเพลต Pet Care ได้รับการออกแบบโดยคำนึงถึงบริษัทด้านสุขภาพสัตว์เลี้ยงที่ให้บริการอื่นๆ เช่น การตัดแต่งขนและการฝึกอบรม มีสามหน้า: หน้าแรก เกี่ยวกับ และติดต่อ ส่วนฮีโร่แสดงภาพพื้นหลังแบบเต็มความกว้างพร้อม CTA ในโอเวอร์เลย์ บริการจะแสดงด้วยการนำเสนอในเฉดสีเหลืองสลับกัน CTA การนัดหมายแบบเต็มความกว้างจะมีปุ่มอยู่ด้านหนึ่งและอีกด้านเป็นรูปภาพ ข้อมูลบริษัทประกอบด้วยสองคอลัมน์ที่ทับซ้อนกันด้วยไอคอน นอกจากนี้ยังมีโมดูลบุคคลที่มีสไตล์ คำรับรองที่สวยงาม แบบฟอร์มการติดต่อที่มีรูปภาพทับซ้อนกัน และคำประกาศสำหรับข้อมูลการติดต่อ
ราคา: $99 (สมาชิก 1 ปี รวมเลย์เอาต์ทั้งหมด) | ข้อมูลมากกว่านี้
จบความคิด
นั่นคือรูปลักษณ์ของเราที่ 9 รูปแบบ Divi ที่น่าทึ่งสำหรับเว็บไซต์สัตวแพทย์ การออกแบบมีทั้งตัวเลือกหน้าเดียวและหลายหน้า และสามารถขยายเพิ่มเติมได้โดยใช้ส่วนต่างๆ ภายในเค้าโครง ไม่ว่าคุณจะต้องการแสดงบริการของคุณ นัดหมายหนังสือ บล็อก หรือขายสินค้า เค้าโครง Divi ทั้ง 9 แบบจะมีทุกสิ่งที่คุณต้องการในการเริ่มต้น
เราต้องการได้ยินจากคุณ คุณเคยลองใช้รูปแบบ Divi เหล่านี้สำหรับเว็บไซต์สัตวแพทย์หรือไม่? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับพวกเขาในความคิดเห็น
ภาพเด่นผ่าน Isarapic / shutterstock.com
