ชุดแม่แบบรายเดือน #13: ชุดแม่แบบเว็บไซต์สำหรับพื้น

เผยแพร่แล้ว: 2020-08-19

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

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

วิธีการเลือกสีและภาพลักษณ์ของแบรนด์ของคุณ

หน้าแรก: Interactive Squares

Blog Home Page

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

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

เทมเพลตโฮมเพจคือเทมเพลต เพจ

คุณสามารถดาวน์โหลดได้จาก Editor > Open Library popup > แท็บ Pages > เลื่อนหน้าและค้นหาหรือค้นหา "Flooring Company"

รับชุดแม่แบบหลายสิบชุดด้วย Elementor Pro

บริการ: ลำดับชั้นข้อมูลที่ละเอียดอ่อน

Blog Services Page

หน้าบริการเป็นที่ที่เราใช้ Icon Box Widget เป็นเครื่องมือสำหรับสร้างลำดับชั้นข้อมูลระหว่างไอคอน ประเภทบริการ (ชื่อ) และข้อความคำอธิบาย แนวคิดในที่นี้คือ เราต้องการให้แน่ใจว่าผู้มีโอกาสเป็นลูกค้าเข้าใจอย่างถ่องแท้ว่าบริการของบริษัทปูพื้นมีอะไรบ้าง หลักการของลำดับชั้นข้อมูลนี้เป็นจริงสำหรับเลย์เอาต์ทั้งหมดของหน้าบริการ เนื่องจากเลย์เอาต์กริดแบบแยกส่วนจะนำทางสายตาของผู้ใช้ระหว่างองค์ประกอบเนื้อหาต่างๆ และเน้นองค์ประกอบต่างๆ ตามความสำคัญของเนื้อหาในหน้า

เทมเพลตหน้าบริการคือเทมเพลต หน้า

คุณสามารถดาวน์โหลดได้จาก Editor > Open Library popup > แท็บ Pages > เลื่อนหน้าและค้นหาหรือค้นหา "Flooring Company"

Gallery: หลายมุมมอง

Blog Gallery

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

เทมเพลตแกลเลอรีคือเทมเพลตของ เพจ

คุณสามารถดาวน์โหลดได้จาก Editor > Open Library popup > แท็บ Pages > เลื่อนหน้าและค้นหาหรือค้นหา "Flooring Company"

พื้นเป็นของคุณ

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

หากต้องการดูชุดเทมเพลตเว็บไซต์ของ Flooring แบบเต็ม ให้ดูการสาธิตนี้

หากคุณมี Elementor Pro สิ่งที่คุณต้องทำเพื่อสนุกกับชุดเครื่องมือล้ำสมัยนี้คือเข้าไปที่ Elementor เปิดไลบรารีเทมเพลต และค้นหา 'Flooring Company'

นี่คือ gif สั้นๆ ที่แสดงวิธีค้นหาชุดอุปกรณ์:

เทมเพลตใดที่คุณอยากเห็นต่อไป แจ้งให้เราทราบในความคิดเห็นด้านล่าง