Thiết kế UI/UX
Sắp xếp luồng nội dung, hero banner, thực đơn, sự kiện và form đặt bàn để website vừa đậm chất thương hiệu vừa dễ dùng.
The Wann
The Wann là website thực tế cho tổ hợp dining, lounge và nightlife tại Quận 1. Mình phụ trách trọn gói từ thiết kế giao diện UI/UX, xây dựng mã nguồn frontend responsive đến deploy website live.
Tổng quan dự án
Website nightlife được xây dựng quanh không khí thương hiệu, sự kiện và mục tiêu đặt bàn.
The Wann mang đến trải nghiệm dining & lounge cao cấp tại trung tâm TP.HCM. Trong dự án này, mình đảm nhận toàn bộ quá trình từ định hướng giao diện, xây dựng layout responsive, code frontend, tối ưu nội dung hiển thị đến deploy website live để khách hàng có thể truy cập thực tế.
Phạm vi công việc
Thiết kế, code và deploy website hoàn chỉnh.
- Thiết kế giao diện website theo tinh thần dining, lounge và không gian đêm sang trọng.
- Code frontend responsive mượt mà trên desktop, tablet và mobile.
- Xây dựng phân khu sự kiện, thực đơn ẩm thực, thông tin địa điểm và nút CTA đặt bàn nổi bật.
- Tối ưu bố cục để người xem dễ dàng khám phá và thao tác nhanh chóng.
- Deploy website live sẵn sàng vận hành và tiếp thị thực tế.
Hình ảnh thực tế
Một vài góc nhìn từ website live đang hoạt động.
Đóng góp của mình
Mình thực hiện trọn quy trình từ thiết kế đến triển khai.
Code Frontend
Xây dựng giao diện responsive, đảm bảo bố cục, typography, màu sắc và các hiệu ứng hiển thị chuẩn xác trên mọi thiết bị.
Deploy Website
Hoàn thiện mã nguồn và triển khai website live trên domain chính thức, đảm bảo tốc độ tải trang nhanh và ổn định.
Tư duy Frontend
Trải nghiệm thương hiệu nổi bật nhưng luôn gắn liền với tính ứng dụng.
- Dùng các khối tương phản cao để phù hợp năng lượng dining và nightlife về đêm.
- Ưu tiên khu vực sự kiện và menu cho khách đang lên kế hoạch đặt bàn buổi tối.
- Giữ nút đặt bàn là hành động chuyển đổi chính, luôn hiển thị thuận tiện.
- Tối ưu phần chân trang (Footer) để tra cứu nhanh vị trí bản đồ, giờ mở cửa và hotline.
Dining · Lounge · Nightlife
Năng lượng, cao cấp và tập trung vào hành động
Định hướng giao diện hỗ trợ thương hiệu nightlife giàu năng lượng, đồng thời giữ thao tác xem menu và đặt bàn rõ ràng.
Nhìn lại dự án
Dự án chứng minh năng lực kết nối Thiết kế UI/UX và Lập trình Frontend.
The Wann là minh chứng rõ nét cho quy trình làm việc toàn diện của mình: từ nghiên cứu thương hiệu, lên wireframe, thiết kế UI sắc nét đến tự tay code và đưa sản phẩm lên môi trường thực tế.