ออกแบบเว็บเฟอร์นิเจอร์ Shopyy: 365 Market บรรยากาศและแคตตาล็อก

ภาพรวมโครงการ

เว็บ Shopyy ของ 365 Market เชื่อมบรรยากาศห้องกับแคตตาล็อกเฟอร์นิเจอร์ แบนเนอร์โปรโมชั่นที่มีฉากบ้านสร้างธีม แล้วหมวดห้องนั่งเล่นและแจกันพาไปสินค้า แบนเนอร์ส้ม กริดพื้นอ่อน และท้ายเข้มเชื่อมการดูธีม เปรียบเทียบ และดูรายชิ้น

ความท้าทายในการออกแบบ

เฟอร์นิเจอร์ต้องใช้ฉากห้องสื่อบรรยากาศ และให้ดูรูปทรงกับสเปกแต่ละชิ้นง่าย แบนเนอร์แรกตั้งฉาก จากนั้นกริดหมวดหมู่ ภาพสินค้า และข้อความค่อยเพิ่มรายละเอียด

กลยุทธ์: เชื่อมบรรยากาศกับแคตตาล็อก

แบนเนอร์ฉากบ้านสร้างธีม แล้วหมวดเฟอร์นิเจอร์ห้องนั่งเล่นและแจกันเชื่อมสู่สินค้า หน้าแรกชี้ทาง หมวดหมู่ช่วยเทียบ และหน้ารายชิ้นอธิบายรูปลักษณ์กับสเปก เมนูและลิงก์เชื่อมระดับ

Montserrat จัดหัวข้อ เมนู และข้อความด้วยขนาด น้ำหนัก และความกว้างย่อหน้า แบนเนอร์ส้ม กริดอ่อน และท้ายเข้มต่อเนื่องทุกหน้าหลัก กลุ่มข้อมูลกระชับและระหว่างส่วนโปร่งให้ภาพ คำอธิบาย และปุ่มมีพื้นที่

การเคลื่อนไหวและฟังก์ชันเพื่อการเลือกปัจจุบัน

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

หน้าแรก: ฉากห้องเชื่อมธีมโปรโมชั่น

เราใช้ฉากเฟอร์นิเจอร์กับข้อความ Upgrade สีส้มเป็นแบนเนอร์ โลโก้ หมวดหมู่ และค้นหาในส่วนหัวเรียบเบา ด้านล่างมี Salas พาไปสินค้าห้องนั่งเล่น

Montserrat ที่ชัดเชื่อมเมนูกับหัวข้อ พื้นขาวให้พื้นที่ฉากเต็ม สีส้มเน้นในโปรโมชั่น ส่วนอื่นใช้ตัวหนังสือเทาดำอย่างพอดี

ห้องนั่งเล่นและแจกัน: จัดตามการใช้งาน

หน้าแรกเรียงที่นั่งห้องนั่งเล่นก่อน แล้วใช้ Flores เปลี่ยนเป็นแจกัน แต่ละหมวดอยู่คนละแถว ชื่อและราคาใต้ภาพ ให้การดูเดินตามธีมบ้าน

ขนาดภาพโซฟาและแจกันสัมพันธ์กับความกว้างการ์ด กลุ่มเว้นมากขึ้น หัวข้อกึ่งกลางแยกเดี่ยวสร้างจังหวะจบธีมหนึ่งแล้วเริ่มอีกธีม

หมวดห้องอาหาร: เทียบรูปทรงเก้าอี้

Comedores แสดงเก้าอี้ในกริดสม่ำเสมอ ชื่อและจำนวนอยู่บน เครื่องมือเรียงและกรองแยกตำแหน่ง ภาพด้านหน้าแสดงความต่างของพนัก แขน และฐาน

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

รายละเอียดโซฟา: รูปลักษณ์ใกล้ข้อมูลจำเพาะ

Sofa Santino มีภาพโซฟาด้านซ้าย ขวาเรียงชื่อ ราคา จำนวน และ Detail ให้เฟอร์นิเจอร์มีพื้นที่พอ และขนาดกับวัสดุอธิบายข้างกัน

รอบภาพมีขอบขาวกว้าง เนื้อหาใช้ย่อหน้าสั้นและรายการ พื้นอ่อนเข้ากับโซฟาเบจ ส่วนปุ่มกรอบบางไม่แย่งภาพสินค้า

รายละเอียดล่าง: ข้อมูลต่อเนื่องและสินค้าเกี่ยวข้อง

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

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

ติดต่อ: ทางเข้าเฉพาะสำหรับคำถามคำสั่งซื้อ

หน้าติดต่อรวมอีเมลและคำแนะนำเรื่องคำสั่งซื้อ ท้ายเข้มยังแสดงข้อมูลร้าน หน้านี้ช่วยหาช่องทางอย่างรวดเร็ว แยกจากหน้าเปรียบเทียบสินค้า

หัวข้อและย่อหน้าง่าย ๆ พื้นเนื้อหาอ่อนกับท้ายเข้มแบ่งขอบเขตชัด ระยะบรรทัดอ่านง่าย ไม่มีของตกแต่งขัดข้อมูลติดต่อ

หน้าแรกมือถือ: คงฉากและธีมห้องนั่งเล่น

มือถือเรียงโลโก้ เมนู และค้นหา แบนเนอร์ปรับตามจอแคบแล้วต่อ Salas คงบรรยากาศหน้าแรกและให้ภาพสินค้ามีพื้นที่พอ

แบนเนอร์ หัวข้อ และเฟอร์นิเจอร์มีช่องว่างแนวตั้งชัด ภาพไม่เบียดกับเมนู การอ่านจอเล็กยังตามธีม หมวด และสินค้า

หน้าโซฟามือถือ: เห็นรูปทรงครบ

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

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

สรุปการออกแบบ: เชื่อมธีมกับข้อมูลจริง

365 Market เชื่อมบรรยากาศกับแคตตาล็อกผ่านแบนเนอร์ส้ม กริดอ่อน และท้ายเข้มบนหน้าแรก หมวดหมู่ และสินค้า ภาพสื่อธีม ข้อความอธิบาย และเมนูกับสเปกพาไปขั้นต่อไป มือถือคงลำดับเพื่อประสบการณ์ภาพและการดูที่ต่อเนื่อง

วางแผนเว็บไซต์ Shopyy ที่ชัดเจนสำหรับแบรนด์ของคุณ

ส่งเว็บไซต์เดิม สื่อแบรนด์ และขอบเขตหน้าที่ต้องการ เราจะพิจารณาประเภทสินค้า ตลาด และเนื้อหาสำคัญเพื่อวางหน้า ภาพ และฟังก์ชันร่วมกัน