Định hướng thiết kế từ website hiện tại
Trước khi thiết kế màn hình mới, tôi chuẩn bị đánh giá UX và nội dung các trang có thể truy cập. Tôi xem giao diện cửa hàng, tên sản phẩm, giá niêm yết và sản phẩm cần báo giá, cùng cách liên hệ. Kết quả gồm quan sát, đề xuất và câu hỏi cần kiểm chứng.
Bên dưới là trang chủ gốc và lưới sản phẩm. Đánh giá xác định ba ưu tiên: tách quy cách khỏi nội dung quảng bá, làm rõ cách báo giá và chuyển vật liệu đã chọn sang hội thoại. Đây là đánh giá chuyên gia, chưa có phỏng vấn khách hay phân tích hành vi.
Quy cách nằm trong tên dài
Quan sát. Tên sản phẩm kết hợp vật liệu, phân hạng, độ dày và câu quảng bá. Thông tin so sánh nằm ở các vị trí khác nhau.
Giải pháp. Dùng tên ngắn, tách kích thước, độ dày và đơn vị bán; thêm bộ lọc quy cách.
Nhiều cách hiển thị giá
Quan sát. Một số thẻ có giá và giảm giá; số khác không hiện giá. Lưới chưa giải thích bước tiếp theo với sản phẩm cần báo giá.
Giải pháp. Phân biệt tạm tính vật liệu và yêu cầu báo giá. Tính diện tích, số lượng rồi xác nhận phí giao và giá cuối với cửa hàng.
Liên hệ thiếu thành phần đã chọn
Quan sát. Website đã có điện thoại và Zalo. Liên kết liên hệ chưa thể hiện quy cách khách đã chọn.
Giải pháp. Giữ quy cách trong yêu cầu và trang quản lý; đề xuất câu trả lời Zalo soạn sẵn với thông tin đó.
Giữ cách tìm quen thuộc, làm rõ lựa chọn
Ô tìm kiếm rộng, nhóm vật liệu và giỏ hàng dễ thấy dẫn vào danh mục. Thẻ sản phẩm tách tên, kích thước, độ dày và giá. Trang giao nhận, gia công và liên hệ giải đáp câu hỏi thực tế trước khi khách trao đổi với cửa hàng.
Chọn quy cách trước khi trao đổi báo giá
Trang sản phẩm đặt ảnh, thông số và điều khiển đặt hàng cạnh nhau. Khách chọn kích thước, độ dày, số lượng rồi xem tổng diện tích và tạm tính vật liệu. Mô tả, gia công và giao nhận nằm trong các tab.
Bản demo cho phép đổi quy cách, xem ảnh và tab, thêm nhiều cấu hình vào giỏ, sửa số lượng hoặc xóa. Giá từng cấu hình là minh họa; yêu cầu không được gửi đến cửa hàng.
Thử trang sản phẩm
Chọn quy cách, đổi số lượng và mở giỏ hàng.
Phân biệt yêu cầu và đơn hàng đã xác nhận
Khách kiểm tra vật liệu, để lại thông tin liên hệ và chọn cách nhận. Không cần tạo tài khoản. Phần tóm tắt tách tạm tính vật liệu khỏi phí giao đang chờ xác nhận.
Màn hình tiếp nhận cung cấp mã yêu cầu và giải thích bước tiếp theo. Trạng thái đã nhận không có nghĩa tồn kho, giao hàng và giá cuối đã được thống nhất.
Cùng logic mua hàng trên màn hình nhỏ
Bố cục điện thoại giữ đầy đủ trình tự: tìm vật liệu, kiểm tra thông số, chọn quy cách và gửi yêu cầu. Nút số lượng dễ chạm, số trong giỏ rõ ràng và Zalo luôn sẵn để hỏi.
Cho người quản lý thấy việc cần làm tiếp
Danh sách ưu tiên yêu cầu mới, thể hiện vật liệu, số lượng, tạm tính và trạng thái. Trang chi tiết tập hợp thành phần, thông tin khách, phí giao và xác nhận. Lịch sử cho biết việc đã xử lý.
Sản phẩm có danh sách và trình biên tập riêng. Tên, kích thước, độ dày, chế độ giá và ảnh được nhập theo từng phần. Xem trước thẻ và danh sách kiểm tra giúp đánh giá trước khi đăng hoặc lưu nháp.
Giữ chi tiết đơn hàng trong hội thoại
Tôi chọn Zalo, kênh đã được nêu trong liên hệ của website gốc. Trợ lý được đề xuất thông báo yêu cầu cho nhân viên và mở trang quản lý. Hội thoại khách có câu trả lời chuẩn bị sẵn với vật liệu, số lượng, phí giao và tổng tiền.
Người quản lý kiểm tra nội dung trước khi gửi. Đây là ý tưởng tích hợp; quyền của trợ lý và việc gửi thông báo cần được đối chiếu với quy trình doanh nghiệp và khả năng của Zalo.
Tinh chỉnh ngôi nhà, giữ sự nhận diện
Tôi giữ mô-típ ngôi nhà gốc: mái đỏ, tường xanh và cửa vòm. Hình học gọn hơn và chữ rõ hơn giúp dùng ở kích thước nhỏ, trên website, giấy tờ, đồng phục, xe và biển kho.
Giao diện dùng thành phần Material 3 điều chỉnh theo bảng màu thương hiệu và Be Vietnam Pro. Ảnh gỗ ấm, thông tin sản phẩm đầy đủ và cách liên hệ trực tiếp giữ bối cảnh địa phương. Ứng dụng vật lý là mockup tạo bằng AI.
Hành trình liên kết, sẵn sàng kiểm tra
Ý tưởng kết nối cửa hàng, yêu cầu, không gian quản lý và hội thoại quanh cùng quy cách vật liệu. Demo cho phép thử các thao tác chính. Bước tiếp theo là kiểm tra khách có hiểu tạm tính và nhân viên có thể xác nhận mà không hỏi lại thành phần đơn hay không.
