Bố cục Responsive
Sắp xếp các section để trang luôn rõ ràng và dễ đọc trên desktop, tablet và mobile.
Nhà hàng Sen
Website thực tế cho Nhà hàng Sen, được mình thiết kế giao diện, code frontend responsive và deploy live với không khí ẩm thực Việt ấm áp, trang nhã và thuận tiện đặt bàn.
Ẩm thực Việt
Nhà hàng Sen
Hương vị tươi mới, không gian tinh tế và dịch vụ chu đáo.Tổng quan dự án
Website nhà hàng được thiết kế để tạo cảm giác ấm áp, tinh tế và dễ khám phá.
Nhà hàng Sen thể hiện hình ảnh thương hiệu ẩm thực qua một website thực tế đã deploy live. Dự án tập trung vào ấn tượng đầu tiên, khám phá thực đơn, không gian nhà hàng, điều hướng rõ ràng và trải nghiệm responsive trên nhiều thiết bị.
Phạm vi thực hiện
Thiết kế, code và deploy website nhà hàng.
- Trải nghiệm landing page trang nhã dành riêng cho ẩm thực truyền thống.
- Hero section tạo không khí thị giác đậm đà bản sắc Việt.
- Các phần menu và hình ảnh món ăn được tối ưu để duyệt nhanh trên điện thoại.
- Bố cục responsive cho cả desktop, tablet và mobile.
- Deploy website live trên nền tảng Vercel.
Hình ảnh website
Một vài màn hình từ website Nhà hàng Sen.
Đó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.
Phân cấp thị giác
Dùng khoảng cách, typography và tương phản màu sắc để dẫn dắt người xem từ thông điệp hero đến menu và đặt bàn.
Deploy Live
Hoàn thiện và đưa website lên Vercel để có thể truy cập, chia sẻ và kiểm tra như một dự án thực tế.
Tư duy Frontend
Quyết định thiết kế gắn liền với triển khai thực tế.
- Xây dựng quanh các section rõ ràng thay vì cấu trúc nhiều trang nặng nề.
- Ưu tiên khoảng cách responsive để website dễ xem trên màn hình nhỏ.
- Cân bằng không khí thương hiệu với điều hướng thực tế và nội dung dễ đọc.
- Dùng URL Vercel live để dự án dễ kiểm tra và chia sẻ với khách hàng.
Website nhà hàng
Ấm áp, nhẹ nhàng và dễ khám phá
Định hướng giao diện giúp trải nghiệm nhà hàng trông tinh tế nhưng vẫn dễ nắm bắt thông tin.
Nhìn lại dự án
Một dự án frontend giúp portfolio của mình thêm phong phú.
Dự án này thể hiện cách mình kết nối thiết kế UI/UX với code frontend, cấu trúc responsive và deploy live cho một website nhà hàng thực tế.