Tái định hình
trải nghiệm
giao diện
Scope
- UI Design
- Visual System
- Design System
- Cross-platform Design
Tổng quan dự án
MyBox là sản phẩm thuộc Viettel Telecom. MyBox là dịch vụ lưu trữ trên nền tảng cloud dành cho các khách hàng cá nhân, hộ gia đình và doanh nghiệp SME.
Với hơn 50 tính năng ưu việt, dịch vụ MyBox giúp bạn giải quyết các vấn đề trở ngại đang gặp phải trong việc lưu trữ và bảo mật dữ liệu một cách đơn giản, thuận tiện và thông minh.
Bond thực hiện redesign giao diện cho MyBox trên 2 nền tảng app và website, tập trung vào việc xây dựng một hệ thống UI rõ ràng, nhất quán và dễ sử dụng hơn thông qua việc tối ưu visual, component và cách hiển thị thông tin.
Khi giao diện không còn
phù hợp với sản phẩm
Sau quá trình phát triển, giao diện MyBox dần trở nên thiếu nhất quán.
Thiết kế lại từ những
yếu tố cơ bản nhất
Bond tập trung vào xử lý các vấn đề về UI
Tăng tính trực quan trong các thiết kế, giúp khách hàng tìm kiếm và sử dụng sản phẩm nhanh chóng mà không gây nhầm lẫn.
Đảm bảo tính đồng bộ các sản phẩm trong cùng hệ sinh thái.
Xây dựng Design System quy chuẩn sử dụng rõ ràng, đồng bộ giữa các nền tảng và đảm bảo khả năng mở rộng trong tương lai.
Xây dựng nền tảng Visual System &
Chuẩn hóa Design System
Color System
Xây dựng hệ thống màu với phân cấp rõ ràng và định nghĩa theo chức năng, giúp tăng khả năng nhận diện và đảm bảo tính nhất quán trên toàn bộ giao diện. Đồng thời tối ưu độ tương phản để cải thiện khả năng đọc và trải nghiệm về cân bằng thị giác.
Iconography & Illustration
Thiết kế lại bộ icon và minh họa theo một phong cách thống nhất, tối giản chi tiết các icon để tăng khả năng
nhận diện. Hệ thống này đồng thời hỗ trợ truyền tải trạng thái và hành vi người dùng một cách trực quan hơn.
Component System
Xây dựng design system chuẩn Atomic bao gồm: Atom, Molecules, Organisms, Templates, với các quy
chuẩn sử dụng rõ ràng, đảm bảo sự đồng bộ giữa các nền tảng và khả năng mở rộng khi sản phẩm tiếp tục
phát triển.
Làm rõ trải nghiệm
qua từng màn hình
Redesign các nội dung cốt lõi nhằm tăng khả năng scan nhanh
và giảm tải nhận thức trong quá trình sử dụng.
Một hệ thống thiết kế,
nhiều nền tảng,
cùng
một trải nghiệm.
Hệ thống giao diện được xây dựng đồng nhất, triển khai xuyên suốt trên cả ứng dụng
mobile, website, đảm bảo trải nghiệm liền mạch và nhất quán trên mọi điểm chạm.
