MenuGo Restaurant App 260007

MenuGo hỗ trợ thực khách xem thực đơn kỹ thuật số, khám phá hình ảnh món ăn hấp dẫn, kiểm tra giá cả, tìm hiểu thành phần nguyên liệu, từ đó đưa ra quyết định gọi món phù hợp.

MenuGo Restaurant App 260007

Mobile Tablet Desktop

Nhu cầu: Xem thực đơn nhà hàng một cách dễ dàng.
Giải pháp: Thực đơn kỹ thuật số bao gồm hình ảnh món ăn, giá cả, thành phần nguyên liệu và mô tả chi tiết về từng món.

Triết lý thiết kế

• Giao diện (UI) tinh gọn: Tối giản, thanh lịch và bắt mắt.
• Trải nghiệm người dùng (UX) trực quan: Dễ dàng điều hướng mà không cần mất thời gian tìm hiểu cách sử dụng.
• Thiết kế ưu tiên thiết bị di động (mobile-first).
• Mang lại trải nghiệm nhà hàng cao cấp.
• Hình ảnh món ăn là yếu tố thị giác chủ đạo.
• Hệ thống thông tin được phân cấp rõ ràng.
• Đảm bảo sự đồng nhất về khoảng cách, kiểu chữ, màu sắc và các thành phần giao diện.
• Trải nghiệm duyệt thực đơn nhanh chóng, mượt mà.

Hệ thống thiết kế trực quan

Tính cách thương hiệu: Tươi mới, thân thiện, hiện đại, đáng tin cậy và khơi gợi cảm giác ngon miệng.

Bảng màu:

• Màu chủ đạo: Cam ấm #F97316
• Màu phụ: Xám than đậm #292524
• Màu nền: Trắng ấm #FFFBF5
• Màu bề mặt: Trắng #FFFFFF
• Màu chữ chính: #292524
• Màu chữ phụ: #78716C
• Màu thông báo thành công: #16A34A
• Màu đường viền: #E7E5E4

Kiểu chữ:

• Sử dụng font Inter hoặc các font chữ không chân (sans-serif) hiện đại tương tự.
• Các thành phần giao diện (UI Components):
• Các thẻ (card) có góc bo tròn từ 12–16px.
• Hình ảnh món ăn chất lượng cao, kích thước lớn.
• Nhãn giá hiển thị rõ ràng.
• Các biểu tượng dạng đường nét (line icons) đơn giản.
• Bộ lọc danh mục dạng viên nhộng (pill-shaped).
• Thanh tìm kiếm kèm biểu tượng tìm kiếm.
• Thanh điều hướng ở phía dưới màn hình.
• Khu vực chạm (touch target) tối thiểu 44 × 44px.
• Sử dụng đổ bóng nhẹ và đường viền mảnh.
• Hệ thống khoảng cách đồng nhất theo đơn vị 8px.