Maison Sen
Web mẫu cho mô hình nhà hàng fine dining Á–Âu — không gian sang trọng, thực đơn theo mùa. Khác với web nhà hàng thường chỉ là một trang giới thiệu kèm số điện thoại, web này được dựng quanh ba luồng chốt khách thật: đặt bàn trực tuyến, đặt món giao tận nơi qua giỏ hàng, và gửi yêu cầu đặt tiệc — mỗi luồng đều sinh mã đơn để nhà hàng chăm sóc tiếp.
Trang chủ — hero toàn màn hình, dẫn mạch từ câu chuyện thương hiệu, món signature tới lời mời đặt bàn. Tông kem ấm phối vàng đồng champagne tạo cảm giác cao cấp ngay từ màn hình đầu. (Cuộn trong khung để xem toàn trang)
Một nhà hàng sang trọng cần website biết bán chỗ ngồi lẫn món ăn
Phần lớn web nhà hàng dừng ở "menu dạng ảnh + số điện thoại". Maison Sen được thiết kế theo đúng hành trình thực khách: bị hấp dẫn bởi không gian → xem thực đơn → đặt bàn cho dịp đặc biệt, hoặc đặt món mang về. Mỗi chặng có một công cụ riêng, gói trong một giao diện fine dining nhất quán.
16 món, 5 nhóm — lọc, tìm và sắp xếp như một cửa hàng thật
Thực đơn không phải tấm ảnh chụp tờ giấy, mà là một trang sống động: chia 5 nhóm (khai vị, hải sản, món chính, tráng miệng, vang & đồ uống), khách lọc theo nhóm, tìm theo tên, sắp xếp theo giá hay mức bán chạy. Mỗi món có ảnh, mô tả ngắn, đánh giá và mức giá rõ ràng.
- Tab nhóm món + ô tìm kiếm + sắp xếp (nổi bật · bán chạy · giá)
- Thẻ món hiện đủ: ảnh, giá từ, đánh giá, huy hiệu "Signature/Bán chạy"
- Ảnh món dùng tư liệu giấy phép mở — bản quyền sạch
Album ảnh phóng to, chọn biến thể — giá đổi theo từng lựa chọn
Mỗi món có trang riêng như một lời giới thiệu trang trọng: album nhiều ảnh bấm chuyển và phóng to toàn màn hình, bộ chọn biến thể (mức chín, trọng lượng, ly hay nguyên chai...) làm giá cập nhật tức thì, kèm nguyên liệu và món gợi ý cùng nhóm. Thêm vào giỏ ngay tại đây.
- Gallery bấm chuyển + xem phóng to (lightbox) nhiều góc món
- Chọn biến thể & số lượng → thành tiền đổi theo từng lựa chọn
- Dữ liệu có cấu trúc món ăn cho Google (Product + đánh giá)
Luồng chốt khách quan trọng nhất của một nhà hàng
Với fine dining, đặt bàn còn quan trọng hơn bán món lẻ. Form đặt bàn cho khách chọn ngày, khung giờ, số khách và dịp (sinh nhật, kỷ niệm, tiếp khách...), kèm ô yêu cầu đặc biệt. Gửi xong, web sinh mã đặt bàn và hiện màn hình xác nhận — nhà hàng gọi lại để giữ chỗ.
- Chọn ngày · khung giờ · số khách · dịp chỉ trong vài chạm
- Sinh mã đặt bàn riêng để nhà hàng đối soát, không "rơi" khách
- Có lối gọi hotline trực tiếp cho khách muốn xác nhận ngay
Giỏ hàng phân biệt từng biến thể, minh bạch phí giao
Khách có thể mang fine dining về nhà: giỏ hàng trượt bên cạnh, phân biệt hai biến thể khác nhau của cùng món thành hai dòng riêng (ví dụ Wagyu 200g tái và 300g chín vừa), nhớ giỏ giữa các lần truy cập. Trang đặt món tính tạm tính, phí giao và miễn phí ship cho đơn lớn, hỗ trợ nhận tại nhà hàng, rồi sinh mã đơn.
- Giỏ hàng lưu lại, mỗi biến thể là một dòng đơn giá riêng
- Chọn giao tận nơi / nhận tại quán · phí ship & ngưỡng freeship rõ ràng
- Nhiều phương thức thanh toán + sinh mã đơn ở màn hình thành công
Trang giới thiệu kể được "vì sao nên chọn nơi này"
Fine dining bán trải nghiệm, nên trang giới thiệu được viết riêng: dòng thời gian các dấu mốc, triết lý nguyên liệu theo mùa và bàn tay bếp trưởng, cùng những con số tạo niềm tin. Cách kể này biến một nhà hàng vô danh thành một địa chỉ có câu chuyện.
- Dòng thời gian dấu mốc + khối triết lý & giá trị cốt lõi
- Bố cục tạp chí, ảnh không gian lớn, hiệu ứng hiện mượt khi cuộn
- Lời chứng thực khách hàng tăng độ tin cậy
Liên hệ có bản đồ và đủ trang nền tảng để đáng tin
Trang liên hệ có thẻ thông tin, bản đồ chỉ đường nhúng sẵn và form gửi yêu cầu (đặt tiệc, góp ý) cũng sinh mã. Kèm bộ 5 trang chính sách viết riêng cho ngành ẩm thực — bảo mật, đổi trả, giao hàng, thanh toán, điều khoản — và trang báo lỗi 404 thiết kế riêng.
- Liên hệ: thẻ kênh liên lạc + bản đồ nhúng + form sinh mã
- 5 chính sách theo đặc thù nhà hàng + giao đồ ăn
- Chân trang đầy đủ liên kết — không có trang "mồ côi"
Ba luồng, một đích: mã đơn để không sót khách
Đặt bàn, đặt món giao hàng hay gửi yêu cầu đặt tiệc — mỗi luồng đều sinh mã riêng (DB · MS · LH) để nhà hàng đối soát và chăm sóc tiếp, cộng thêm lối gọi hotline trực tiếp cho khách cần xác nhận ngay.
Khách tìm nhà hàng bằng điện thoại — web chiều theo
Từ hero, thẻ món tới bộ chọn biến thể và giỏ hàng đều dồn gọn cho màn hình hẹp; menu thu vào nút, nút bấm đủ lớn cho ngón tay, ảnh món vẫn sắc nét.
Nền tảng & công nghệ
Bản dựng mẫu thật, do chính đội Web22 code
Đây là sản phẩm mẫu Web22 tự thiết kế và lập trình để thể hiện năng lực — không phải theme mua sẵn hay bản sao rập khuôn tràn lan ngoài thị trường. Toàn bộ giao diện và tính năng đều code tay, nên khi triển khai cho bạn, mọi thứ đều có thể tuỳ biến, thêm tính năng hay chỉnh sửa theo đúng thương hiệu riêng.
- Code tay 100%, không dựng bằng mẫu rập khuôn
- Tuỳ biến & thêm tính năng theo nhu cầu
- Sản phẩm độc quyền của đội ngũ Web22
Bạn có nhà hàng, quán cà phê và muốn web biết giữ bàn, nhận đơn?
Web22 thiết kế website cho nhà hàng, quán ăn, cà phê — thực đơn đẹp, đặt bàn & đặt món trực tuyến, giao diện sang trọng chuẩn thương hiệu.