Không biết mô tả lỗi
Người dùng nhìn thấy hiện tượng, nhưng không có đủ kiến thức để gọi đúng tên sự cố.
01 / PRODUCT DESIGN CASE STUDY← TẤT CẢ DỰ ÁNUX/UI DESIGN · 2026FIX
FIX
NOW.
Một trải nghiệm giúp việc tìm thợ, hiểu sự cố và kiểm soát chi phí trở nên rõ ràng hơn.
TRUST · TRANSPARENCY · SPEEDSửa chữa tại nhà không nên là một canh bạc. Người dùng cần hiểu điều gì đang xảy ra trước khi quyết định ai sẽ xử lý nó.
PROJECT OVERVIEW / 02Confidence,
Confidence,
before the repair.
FIX NOW kết nối hộ gia đình với thợ đã xác minh, hỗ trợ chẩn đoán sự cố bằng AI, đưa ra khoảng giá tham khảo và lưu lại toàn bộ hành trình bảo hành.
- ĐỐI TƯỢNG
- Người đi làm bận rộn và hộ gia đình tại các đô thị lớn.
- PHẠM VI
- Research · IA · User Flow · Design System · UI · Prototype
- ĐÓNG GÓP
- Dẫn dắt UX, xây dựng cấu trúc sản phẩm và trực tiếp thiết kế giao diện.
THE PRODUCT / FIGMAHome services,
Home services,
made understandable.
Trang chủ ưu tiên tám nhóm dịch vụ quen thuộc, CTA rõ ràng và thông tin giá đủ sớm để người dùng không phải “đoán” bước tiếp theo.
PROBLEM SPACE / 03Three gaps.
Three gaps.
One trust problem.
Không biết tin ai
Thông tin về kinh nghiệm, chứng chỉ và đánh giá của thợ thường thiếu minh bạch.
Không biết giá nào hợp lý
Chi phí sửa chữa và linh kiện chỉ xuất hiện sau khi người dùng đã khó quay lại.
RESEARCH / 04People want
People want
proof, not promises.
Phỏng vấn 11 người dùng cho thấy niềm tin không đến từ lời quảng cáo “giá rẻ”, mà từ khả năng nhìn thấy chi phí, năng lực thợ và trách nhiệm sau sửa chữa.
73%
ưu tiên một báo giá rõ ràng hơn là mức giá rẻ nhất.
82%
muốn thấy khoảng giá trước khi xác nhận đặt thợ.
85%
cần lưu hóa đơn và thời hạn bảo hành trong ứng dụng.
PRIMARY PERSONA
“Tôi không cần người sửa rẻ nhất. Tôi chỉ muốn biết người đó có đáng tin và mức giá đưa ra có hợp lý hay không.”
Nguyễn Minh Anh · 26 tuổi · Nhân viên Marketing
KEY EXPERIENCE / 05From a symptom
From a symptom
to a clear next step.
Thay vì yêu cầu người dùng tự xác định lỗi, luồng AI thu thập dấu hiệu, phân tích dữ liệu và trả về nguyên nhân có thể xảy ra cùng khoảng chi phí.
01
Ngôn ngữ đời thường và chip triệu chứng giúp mô tả vấn đề nhanh hơn.
02
Progress feedback cho biết AI đang đọc và đối chiếu dữ liệu nào.
03
Kết quả luôn đi kèm độ tin cậy, khoảng giá và hành động tiếp theo.
UX STRUCTURE / 06One main flow,
One main flow,
four clear decisions.
Trong phần quy trình, mình chỉ giữ lại sơ đồ cần thiết nhất từ presentation: luồng chính từ việc phát hiện sự cố đến đặt thợ và lưu bảo hành.
WIREFRAME / 07Structure first.
Structure first.
Then character.
Wireframe được dùng để kiểm tra thứ tự thông tin, độ ngắn của luồng đặt lịch và khả năng truy cập các tác vụ cốt lõi trong tối đa hai lần chạm.
DESIGN SYSTEM / 08Urgency in orange.
Urgency in orange.
Trust in teal.
PRIMARY#F97316Hành động và nhận diện
TRUST#16AFABXác minh và bảo hành
TYPE SYSTEMBe Vietnam ProRõ ràng ở kích thước giao diện nhỏ
FINAL EXPERIENCE / 09Designed to feel
Designed to feel
already familiar.
OUTCOME / 10Clarity builds
Clarity builds
confidence.
Kết quả là một prototype hoàn chỉnh cho trải nghiệm khách hàng, tập trung vào ba điểm: hiểu vấn đề, biết trước chi phí và theo dõi trách nhiệm sau sửa chữa.
- AI Diagnostics giảm rào cản kiến thức kỹ thuật.
- Khoảng giá và hồ sơ thợ tạo niềm tin trước khi đặt lịch.
- Lịch sử đơn hàng trở thành hồ sơ bảo trì của gia đình.