ESCAPSE ROOM_compressed_compressed

1. ENIGMA ESCAPE ROOM Team 6

2. GIỚI THIỆU TỔNG QUAN VỀ WEBSITE

3. ENIGMA ESCAPE ROOM WEBSITE ENIGMA ESCAPE là thế giới phiêu lưu kỳ bí, nơi bạn nhập vai, giải mã và chinh phục thử thách qua từng căn phòng với chủ đề đa dạng, logic hấp dẫn và kịch tính. Thành lập từ 2020, Enigma sở hữu 6 phòng chơi, thu hút hàng trăm khách mỗi ngày nhờ dịch vụ chất lượng, giá cả hợp lý và trải nghiệm ấn tượng. Enigma Escape tự hào nằm trong Top 100 Escape Rooms hàng đầu thế giới theo Escape The RoomZ. Năm 2023, Enigma xếp hạng 72/100, là minh chứng cho nỗ lực không ngừng mang đến trải nghiệm chân thực, sáng tạo và đột phá cho khách hàng. 08

4. PHÒNG CHƠI HIỆN ĐẠI Enigma Escape tiên phong tại Việt Nam trong việc ứng dụng công nghệ hiện đại vào Escape Room, thay thế khóa số và giấy truyền thống bằng cảm ứng tự động, thiết bị thông minh và âm thanh sống động. Nhờ đó, người chơi được đắm chìm trọn vẹn vào câu chuyện với trải nghiệm chân thực và đẳng cấp.

5. DỊCH VỤ CHUYÊN NGHIỆP Tại Enigma Escape, khách hàng sẽ trải nghiệm dịch vụ Escape Room chuyên nghiệp từ đầu đến cuối. Đội ngũ nhân viên nhiệt tình, được đào tạo bài bản, luôn sẵn sàng hỗ trợ trong suốt quá trình chơi. Nếu gặp khó khăn, khách hàng sẽ nhận được sự trợ giúp kịp thời qua các thiết bị hỗ trợ trong phòng.

6. ĐỐI TƯỢNG KHÁCH HÀNG Enigma Escape là lựa chọn hoàn hảo cho những ai đam mê giải đố, yêu thích nhập vai hoặc tìm kiếm phút giây thư giãn. Với không gian cổ điển, huyền bí và âm nhạc biến tấu theo từng phòng, Enigma mang đến trải nghiệm độc đáo và không thể quên.

7. CÔNG NGHỆ SỬ DỤNG

8. NGÔN NGỮ LẬP TRÌNH CHÍNH CÔNG CỤ THIẾT KẾ GIAO DIỆN Figma hoặc Adobe XD Thiết kế prototype, layout giao diện HTML 5 Cấu trúc nội dung trang web Chỉnh sửa ảnh background và nội dung trang Photoshop Tạo kiểu, bố cục và hiệu ứng giao diện CSS3 THƯ VIỆN & FRAMEWORK Xử lý DOM, hiệu ứng, gửi AJAX (rất phổ biến ở các website Việt Nam) jQuery Tạo các tương tác động, xử lý sự kiện người dùng JavaScript Font Awesome Sử dụng icon vector Hệ thống lưới responsive, button, modal, form Đăng ký / đăng nhập người dùng, Đặt phòng (booking), Quản lý cơ sở và phòng chơi Bootstrap 4+ PHP hoặc Node.js

9. CÔNG CỤ KHÁC TÍNH NĂNG ĐẶC BIỆT Sử dụng font chữ web thân thiện Form đặt phòng động: Có tính toán số lượng người, giờ chơi, voucher, tổng giá Google Fonts Tích hợp đăng nhập bằng Google Theo dõi hành vi người dùng và marketing (có thể được tích hợp, dù không thấy rõ qua front-end) Google Analytics / Facebook Pixel Hiển thị danh sách các phòng chơi, review, các cơ sở... theo danh mục RECAPTCHA Bảo vệ form khỏi spam CƠ SỞ DỮ LIỆU CÔNG NGHỆ SỬ DỤNG Lưu trữ thông tin người dùng, booking, lịch đặt phòng, review, phản hồi… MySQL hoặc MariaDB

10. CẤU TRÚC VÀ TÍNH NĂNG CHÍNH TRONG CÁC TRANG CON CỦA WEBSITE

11. TRANG CHỦ HOME PAGE

12. TRANG CHỦ NAVIGATION BAR LOGO ĐĂNG NHẬP ĐĂNG KÝ BANNER ĐẦU TRANG CTA BUTTON

13. WHY ENIGMA?

14. Tạo ấn tượng đầu tiên mạnh mẽ; giới thiệu Enigma và lôi cuốn khách truy cập. Dạng block lồng ghép nội dung & hình ảnh xếp so le nhau, typography rõ ràng, font đậm cho tiêu đề, hiệu ứng slide show chuyển ảnh mỗi 2s ENIGMA TRUE VALUE

15. ĐỘI NGŨ NHÂN VIÊN

16. ƯU ĐÃI THẺ THÀNH VIÊN Dạng block lồng ghép nội dung & hình ảnh typography rõ ràng, in nghiêng nội dung ưu đãi dưới chân ảnh

17. TRANG GIỚI THIỆU

18. GIỚI THIỆU TỔNG QUAN HEADING LINE ABOUT US Chuyển động fade-in/fade-out từng đoạn text.

19. ĐỊNH VỊ THƯƠNG HIỆU

20. ĐỊNH VỊ THƯƠNG HIỆU Bố cục dài, xen kẽ text và hình ảnh.

21. KHÁM PHÁ ENIGMA ESCAPE XEM TRAILER THỰC TẾ TỪ PHÒNG CHƠI – CẢM NHẬN KHÔNG GIAN NHẬP VAI TẠI ENIGMA

22. TRANG SẢN PHẨM DỊCH VỤ

23. Slide-in từ trái/phải cho từng bước HEADING LINE PRODUCT/ SERVICES Hover effects cho nút CTA

24. ENIGMA SERVICES Giới thiệu chung về mô hình giải trí mà Enigma đem lại, nêu bật “đặc sắc dịch vụ” thông qua 2 dòng Highlight section màu vàng và service-text ở dưới Nút CTA: “Khám phá ngay”, điều hướng khách hàng trực tiếp đến trang phòng chơi

25. Người dùng có thể bấm vào nút mũi tên ở hai bên để xem nối tiếp “Đại sảnh Danh Vọng” - ảnh các đội thắng phòng chơi HALL OF FAME BẢNGGIÁ Ảnh những đội chơi đã thắng được thiết kế dưới dạng slider lướt sang cùng cảm nhận của đội chơi và tên đội chơi được chú thích ngay phía dưới chân ảnh

26. Video-cut lại những khoảnh khắc “highlight” của khách hàng sẽ được thiết kế dưới dạng slider kết hợp cùng arrow lướt sang HALL OF ENIGMA HIGHLIGHTS Khám phá nỗi kinh hoàng ẩn sau "vòng tròn ma thuật" phía góc phải dưới cùng ở mỗi video

27. TRANG HƯỚNG DẪN CÁCH CHƠI

28. ENIGMA HOW TO PLAY Hướng dẫn người dùng (đặc biệt là người mới) hiểu rõ quy trình, luật chơi và cách đặt phòng Escape Room tại Enigma. Cung cấp hưỡng dẫn rõ ràng để bước vào thế giới “Huyền bí” của ENIGMA

29. ENIGMA HOW TO PLAY Phần liên kết đến các trang MXH và nút CTA “Đặt phòng ngay” sẽ được phủ lên toàn bộ website khi lướt mà không nằm cố định ở một trang nào CTA button liên kết đến form “Đặt phòng ngay” với hiệu ứng GLOW ánh vàng nổi bật Liên kết đến các trang MXH (bao gồm cả link FB ghép nhóm

30. THỐNG KÊ HOW TO PLAY Team 6

31. TRANG PHÒNG CHƠI

32. Khi bấm vào từng phòng chơi sẽ hiện ra nội dung đầy đủ và nút CTA “Đặt phòng ngay” ở dưới để người dùng có thể thực hiện nhanh chóng khi sau khi nắm được cốt chuyện của phòng chơi. THÔNG TIN PHÒNG CHƠI Enigma có 6 phòng chơi, hiển thị đầy đủ trên phần giao diện phòng chơi ở phiên bản tóm tắt với 3 phần thông tin chính: 1.Tên phòng chơi 2.Thể loại. 3.Độ khó - Level (Được rate dựa trên số sao tương ứng với độ khó tăng dần. Tối đa là 5 sao - Khó nhất) --> Có thể jump tới phần này thông qua thanh điều hướng trên đầu trang

33. ENIGMA POP-UP WINDOW ĐẶT PHÒNG TẠI ENIGMA Cửa sổ đặt phòng sẽ hiện lên mỗi khi bấm vào CTA “ĐẶT PHÒNG NGAY” tại: Cố định góc phải bên dưới xuyên suốt trang web Dưới phần mô tả cốt truyện mỗi phòng chơi KHU VỰC ĐIỀN THÔNG TIN GIỜ CHƠI (11 NÚT BẤM) DOWN MENU NÚT CTA “XÁC NHẬN”

34. CHÍNH SÁCH PHÒNG CHƠI MỚI Dải carousel để tiết kiệm bố cục, người dùng có thể bấm vào nút mũi tên ở hai bên phía để xem nối tiếp các phần thông tin về chính sách phòng chơi mới

35. TRANG REVIEW

36. HIẸ?U ỨNG CHUYỂN ĐỌ ? NG ANIMATION FADE KHI CHUYỂN GIỮA CÁC REVIEW THEO LĂN CHUỘT (SCROLL) NÚT CTA: XEM THÊM REVIEW HIỂN THỊ NHỮNG ĐÁNH GIÁ CỦA NHỮNG NGƯỜI ĐÃ TRẢI NGHIỆM TRÒ CHƠI KÈM ĐÁNH GIÁ SAO NỌ ? I DUNG TRANG REVIEW CHO THẤY CÁC NHẬN XÉT VÀ GÓC NHÌN CỦA NGƯỜI TỪNG CHƠI GIÚP TĂNG MỨC ĐỘ UY TÍN VÀ NIỀM TIN CỦA NHỮNG NGƯỜI CHƠI MỚI MỤC ĐÍCH

37. TRANG FAQ

38. FAQ (FREQUENTLY ASKED QUESTION) Là một sản phẩm dịch vụ mới lạ đối với nhiều người chơi mới, việc có nhiều câu hỏi được đặt ra bởi người chơi là điều hay xảy ra. Vậy nên, phần giải đáp thắc mắc là không thể thiếu. Như vậy có thể tăng trải nghiệm của khách hàng và hiểu biết của họ, như vậy sẽ tăng thiện cảm và độ thúc đẩy đăng ký sử dụng phòng chơi. DROPDOWN LIST Sử dụng danh sách thả xuống để tiết kiệm không gian. Các câu trả lời sẽ được hiện xuống khi bấm vào nút mũi tên xuống, và thu mất khi bấm một lần nữa vào mũi tên chỉ lên.

39. TRANG TUYỂN DỤNG

40. MỨC LƯƠNG QUYỀN LỢI GIỚI THIỆU VỊ TRÍ TUYỂN DỤNG YÊU CẦU CÁCH ỨNG TUYỂN MỤC ĐÍCH Thu hút các bạn trẻ yêu thích trải nghiệm, vận hành hậu trường và muốn tham gia vào đội ngũ Enigma. TRANG TUYỂN DỤNG Slide-in hoặc fade-in khi cuộn tới từng block.

41. QUYỀN LỢI MỨC LƯƠNG GIỚI THIỆU VỊ TRÍ TUYỂN DỤNG YÊU CẦU CÁCH ỨNG TUYỂN Phân mục gọn gàng từng phần Section phân rõ mô tả – yêu cầu – quyền lợi – liên hệ. ENIGMA RECRUITMENT

42. FORM ỨNG TUYỂN Cung cấp đầy đủ thông tin: tên, email, địa chỉ, SĐT, vị trí mong muốn của ứng viên Form được nhúng vào iframe, không cần chuyển trang. Màu sắc tổng thể đồng bộ Tính năng scroll-in cùng CTA gửi đi thông tin

43. TRANG LIÊN HỆ

44. TRANG LIÊN HỆ EMAIL VÀ HOTLINE CÁC CƠ SỞ CỦA ENIGMA Tầng 5, 189 Hoàng Cầu, Đống Đa, Hà Nội Tầng 3, 158 Chùa Láng, Đống Đa, Hà Nội Cung cấp đầy đủ thông tin liên lạc để khách hàng dễ dàng kết nối với Enigma.

45. TRANG ĐĂNG NHẬP ĐĂNG KÝ

46. FORM ĐĂNG NHẬP Tạo tài khoản hoặc đăng nhập để đặt phòng, tích điểm, nhận ưu đãi cá nhân hóa. POP-UP WINDOW Cửa sổ Đăng nhập sẽ hiện lên mỗi khi bấm vào icon “Đăng nhập/ Đăng ký” trên thanh Navigation bar Khu vực điền thông tin NÚT QUÊN MẬT KHẨU Nút CTA

47. FORM ĐĂNG KÝ POP-UP WINDOW Cửa sổ Đăng ký sẽ hiện lên mỗi khi bấm vào icon “Đăng nhập/ Đăng ký” trên thanh Navigation bar KHU VỰC ĐIỀN THÔNG TIN TẠO MẬT KHẨU CHO TÀI KHOẢN Nút CTA

48. THANK YOU