Tổng quan dự án
Với website Shopyy 365 Market, chúng tôi nối cảm hứng không gian với danh mục nội thất. Banner ưu đãi trong bối cảnh nhà ở giới thiệu chủ đề, tiếp theo là đồ phòng khách, bình hoa và các mục dẫn tới sản phẩm. Banner cam, lưới nội thất sáng và chân trang tối nối cảm hứng, so sánh danh mục và xem chi tiết.
| Dịch vụ | Ngành hàng | Nền tảng |
| Thiết kế và xây dựng website Shopyy | Nhà cửa và đời sống | Shopyy |
| Yêu cầu dự án | Thị trường mục tiêu | Phong cách thiết kế |
| Nối cảm hứng không gian với danh mục nội thất | Danh mục sản phẩm tiếng Tây Ban Nha, địa chỉ liên hệ tại Panama | Banner ưu đãi cam, lưới nội thất sáng và chân trang tối |
| Báo giá dự án | Hạng mục bàn giao | Thời gian thực hiện |
| 5.400 CNY | Trang chủ, cấu trúc danh mục, chi tiết sản phẩm, giao diện đáp ứng và trang liên hệ | 11 ngày |
Thách thức thiết kế
Nội thất cần bối cảnh phòng để truyền không khí, đồng thời hình dáng từng món và thông số phải dễ xem. Banner trang chủ tạo bối cảnh, rồi lưới danh mục, ảnh và mô tả lần lượt bổ sung chi tiết.
Chiến lược thiết kế: nối cảm hứng không gian với danh mục nội thất
Banner ưu đãi có cảnh nội thất giới thiệu chủ đề. Các mục phòng khách, bình hoa và nhóm liên quan nối ấn tượng không gian với hàng cụ thể. Trang chủ định hướng, danh mục hỗ trợ so sánh, sản phẩm giải thích diện mạo và thông số; điều hướng và lối nội dung kết nối các cấp.
Montserrat tổ chức tiêu đề, điều hướng và chữ; kích thước, độ đậm, độ rộng đoạn tạo thứ bậc. Ảnh ưu đãi cam, lưới nội thất sáng và chân trang tối xuyên suốt trang chính. Nhóm thông tin gọn, khoảng phần lớn hơn phân biệt ảnh, giải thích và thao tác.
Chuyển động và chức năng: hỗ trợ lựa chọn hiện tại
Menu đầu trang chia nhóm ghế ăn, phòng khách, ngoài trời và các danh mục khác. Trang danh mục giữ sắp xếp và lọc. Ảnh, điều chỉnh số lượng và mô tả từng phần hỗ trợ xem kỹ. Di động thu điều hướng thành biểu tượng menu nhưng giữ thứ tự thao tác máy tính.
Trang chủ: ảnh không gian nối với thông điệp ưu đãi
Ảnh nội thất và chữ Upgrade cam kết hợp thành banner trang chủ. Logo, danh mục và tìm kiếm ở đầu trang nhẹ gọn. Phần phòng khách Salas ngay sau banner nối chủ đề trực tiếp với hàng hóa.
Montserrat rõ nối điều hướng với tiêu đề mục. Nền trắng dành không gian cho ảnh phòng; cam tập trung ở ưu đãi, phần giao diện khác dùng chữ xám đen tiết chế.
Phòng khách và bình hoa: nhóm sản phẩm theo cách dùng
Trang chủ trình bày ghế phòng khách trước, rồi chuyển sang bình hoa dưới tiêu đề Flores. Mỗi loại một hàng, tên và giá dưới ảnh, tổ chức khám phá theo chủ đề nhà ở.
Ảnh sofa và bình hoa có độ rộng thẻ nhất quán, khoảng nhóm lớn hơn. Tiêu đề giữa đánh dấu kết thúc chủ đề này và bắt đầu chủ đề tiếp theo.
Danh mục ghế ăn: dễ so khác biệt hình dáng
Comedores dùng lưới đều cho ghế ăn, tiêu đề và số lượng ở trên, sắp xếp và lọc có vùng riêng. Ảnh trực diện thể hiện khác biệt lưng, tay vịn và chân ghế.
Nền sáng và khoảng đều giữ đường nét rõ. Tên và giá nhỏ hơn dưới ảnh. Hình ảnh đảm nhiệm so sánh, thông số dài chuyển sang trang sản phẩm.
Chi tiết sofa: diện mạo cạnh thông số
Trang Sofa Santino đặt ảnh sofa bên trái, tên, giá, số lượng và Detail bên phải. Món nội thất có đủ chỗ, kích thước và vật liệu được giải thích bên cạnh.
Viền trắng rộng quanh ảnh; đoạn ngắn và gạch đầu dòng tổ chức mô tả. Giao diện nhạt hòa với sofa be, nút viền mảnh không tranh sự chú ý với sản phẩm.
Chi tiết dưới: tiếp tục mô tả và xem nội thất liên quan
Phần này tiếp tục ảnh thu nhỏ sofa, mô tả còn lại, đánh giá và gợi ý phía dưới. Sau khi kiểm tra món hiện tại, khách có thể tự nhiên chuyển sang đồ khác.
Khoảng trắng và tiêu đề chia phần; thẻ gợi ý cùng chiều rộng. Thông số và ảnh sofa hiện tại đi cùng nhau, mẫu khác ở vùng riêng để tránh nhầm lẫn.
Trang liên hệ: lối riêng cho câu hỏi đơn hàng
Trang liên hệ đưa email và hướng dẫn trao đổi về đơn hàng vào nội dung chính; chân trang tối tiếp tục thông tin người bán. Trang ưu tiên tìm kênh giao tiếp nhanh, tách khỏi so sánh sản phẩm.
Tiêu đề và đoạn đơn giản tổ chức nội dung. Vùng sáng và chân tối có ranh giới rõ; giãn dòng dễ đọc, không thêm trang trí làm gián đoạn thông tin liên hệ.
Trang chủ di động: giữ banner không gian và chủ đề phòng khách
Trên di động, logo, menu và tìm kiếm xuất hiện theo thứ tự. Banner thích ứng màn hẹp rồi đến hàng Salas. Chủ đề không gian còn nguyên và ảnh nội thất vẫn đủ diện tích.
Khoảng dọc rõ chia banner, tiêu đề và nội thất. Ảnh không chen với điều hướng trong một hàng. Màn nhỏ vẫn theo tiến trình chủ đề, danh mục rồi sản phẩm.
Trang sofa di động: thể hiện trọn hình dáng
Trang di động bắt đầu bằng đường dẫn và ảnh sofa lớn, tiếp theo tên và giá. Bố cục song song máy tính chuyển dọc, giữ hình dáng đồ nội thất đầy đủ.
Khoảng trắng quanh ảnh được giữ; tiêu đề xuống dòng tự nhiên nối với thông tin dưới. Sản phẩm, thông số và thao tác lần lượt mở ra, tiếp tục nền sáng và chữ rõ toàn site.
Tổng kết thiết kế: nối chủ đề với chi tiết thực tế
Với 365 Market, liên hệ giữa cảm hứng không gian và danh mục nội thất định hướng banner cam, lưới sáng và chân tối trên trang chủ, danh mục và sản phẩm. Ảnh xác lập chủ đề, chữ giải thích, liên kết danh mục và thông số dẫn bước tiếp. Di động giữ trình tự để trải nghiệm nhất quán.
Lên kế hoạch website Shopyy rõ ràng cho thương hiệu
Hãy gửi website hiện tại, tư liệu thương hiệu và phạm vi trang cần làm. Chúng tôi sẽ cùng xem xét sản phẩm, thị trường mục tiêu và trọng tâm nội dung để lên kế hoạch trang, hình ảnh và chức năng phù hợp.
