F1GENZ Christmas - Giáng Sinh

Theme Haravan dành cho trang bán hàng Giáng sinh

Merry Christmas

F1genz Noel trọn mùa yêu thương

F1genz Noel là theme Haravan dạng một trang dành riêng cho mùa lễ hội cuối năm. Tông xanh lá thông, đỏ nhung và vàng ánh kim; tuyết rơi nhiều lớp, xe tuần lộc chạy theo thanh cuộn. Khách xem sản phẩm, đọc bài, mở giỏ hàng và lấy mã giảm giá ngay trong popup, không phải rời trang chủ.

• One page với 13 section.
• Tuyết rơi và xe tuần lộc.
• Mua sắm trong popup.
• Quà doanh nghiệp B2B.
• Chỉnh trong Admin, không cần code.

13 section trên trang chủ.

Hơn 570 tùy chọn trong Admin.

5 loại popup phục vụ mua sắm và đọc nội dung.

3 đồng hồ đếm ngược tới ngày 24 tháng 12.

Theme dành cho ai

Cửa hàng quà tặng muốn chốt đơn mùa Noel

Theme được xây dựng như một landing page bán hàng hoàn chỉnh. Mỗi section dẫn khách đi một bước: cảm hứng, chọn quà, xem ưu đãi, đặt hàng. Toàn bộ chữ, ảnh, liên kết và việc bật hoặc tắt từng khối đều chỉnh trong Thiết lập giao diện, không cần sửa code.

• Hộp quà, giỏ quà.
• Nến thơm, decor.
• Bánh kẹo Giáng sinh.
• Đồ trang trí Noel.
• Quà tặng doanh nghiệp.

Ngày 24 tháng 12: Giao đúng đêm Giáng sinh.

Nhận diện thị giác

Sang trọng, ấm áp, đậm chất lễ hội

Bảng màu lấy cảm hứng từ cây thông, ruy băng nhung và ánh nến. Nền kem sáng giúp ảnh sản phẩm nổi bật; các khối nền tối như Ưu đãi, Lookbook và Doanh nghiệp tạo nhịp đậm nhạt khi cuộn trang.

• Đêm thông: mã màu 07211A.
• Xanh lá thông: mã màu 0D3A2C.
• Đỏ nhung: mã màu B3122B.
• Vàng ánh kim: mã màu D8A54A.
• Vàng kem: mã màu F2D9A2.
• Kem giấy: mã màu FBF6EE.

Tiêu đề

Trao yêu thương.

Cormorant Garamond: tiêu đề có serif, nghiêng nhấn mạnh.

Chữ viết tay

Merry Christmas.

Great Vibes: lời chào trên hero và cuối trang.

Nội dung

Gói tay từng hộp quà.

Be Vietnam Pro: chữ thân dễ đọc, đủ dấu tiếng Việt.

Cấu trúc trang chủ

13 section, một hành trình mua quà

Header và footer riêng của theme bao quanh 13 section. Section nào cũng bật hoặc tắt được. Các mục con như thẻ quà, mã giảm giá, ảnh, đánh giá, câu hỏi cũng bật hoặc tắt riêng từng cái.

Header: Thanh thông báo và menu cuộn

Thanh thông báo có đồng hồ đếm ngược và link nhận mã. Header trong suốt nằm trên hero, cố định khi cuộn và đổi sang logo bản tối. Menu 6 mục cuộn tới từng section và tự sáng mục đang xem. Có hotline, giỏ hàng, nút Mua quà ngay; trên mobile menu mở dạng ngăn kéo.

Nội dung minh họa trên thanh thông báo: Freeship từ 499K.

Đồng hồ đếm ngược minh họa: 58 : 07 : 21 : 09.

Các mục menu minh họa: Câu chuyện, Quà tặng, Sản phẩm, Ưu đãi, Hỏi đáp.

Section 01: Hero toàn màn hình

Ảnh nền zoom chậm kèm parallax, tuyết rơi, chữ viết tay Merry Christmas, tiêu đề hai dòng, hai nút hành động. Bên cạnh là thẻ kính mờ đếm ngược tới đêm 24 tháng 12 và thẻ Bán chạy nhất tự lấy sản phẩm đầu tiên của bộ sưu tập. Năm trên dòng mở đầu tự cập nhật.

Section 02: Số liệu nổi bật

Bốn con số tự chạy từ 0 khi khách cuộn tới, hỗ trợ số thập phân như 4.9 và hậu tố như dấu cộng, trên 5, giờ, phần trăm. Biểu tượng của từng ô đổi được bằng ảnh tải lên; không có ảnh thì theme dùng icon SVG có sẵn.

Các số liệu minh họa:

• Hơn 5000 hộp quà đã trao.
• Điểm hài lòng 4.9 trên 5.
• Giao hỏa tốc 2 giờ.
• Gói tay 100 phần trăm.

Section 03: Câu chuyện thương hiệu

Hai ảnh xếp lớp với huy hiệu tròn: vòng chữ xoay chậm quanh viền, ở giữa là 10 năm kinh nghiệm. Bên cạnh là hai đoạn giới thiệu, bốn điểm nổi bật có dấu tích, nút chọn quà và chữ ký tên shop.

Section 04: Dải chữ chạy

Dải băng đỏ chạy liên tục, đặt nghiêng giữa hai section, chứa tối đa 6 cam kết như gói quà miễn phí, thiệp viết tay, đổi trả 7 ngày, quà doanh nghiệp. Mỗi cam kết bật hoặc tắt riêng.

Các nội dung minh họa trên dải chữ:

• Gói quà miễn phí.
• Thiệp viết tay.
• Giao đúng đêm 24 tháng 12.
• Freeship từ 499K.

Section 05: Gợi ý quà theo người nhận

Bốn thẻ ảnh dọc: Quà cho nàng, cho chàng, cho bé và Quà doanh nghiệp. Mỗi thẻ có nhãn, tiêu đề, mô tả và link riêng tới bộ sưu tập hoặc section. Ảnh phóng nhẹ khi xuất hiện.

Section 06: Sản phẩm bán chạy

Lấy sản phẩm từ bộ sưu tập chọn trong Admin, mặc định 8 sản phẩm. Nếu bộ sưu tập trống, theme tự dùng bộ sưu tập hot-products rồi đến toàn bộ sản phẩm, nên khối này không bao giờ trống. Lưới chuyển từ 4 cột sang 3 cột rồi 2 cột theo màn hình; bấm sản phẩm mở popup xem nhanh.

Section 07: Ưu đãi và mã giảm giá

Nền tối ánh đèn với đồng hồ đếm ngược và 3 thẻ mã giảm giá dạng vé. Khách bấm một lần là sao chép mã, kể cả trên trình duyệt cũ. Các thẻ này cũng hiện trong popup Khuyến mãi dành cho bạn mở từ giỏ hàng.

Các mã ưu đãi minh họa:

• NOEL10: Giảm 10 phần trăm toàn bộ quà.
• FREESHIP: Miễn phí vận chuyển, phí giao hàng 0 đồng.

Section 08: Lookbook mùa lễ hội

8 ảnh trên nền tối, xếp lưới so le: ảnh đầu lớn, ảnh thứ sáu nằm ngang. Mỗi ảnh có chú thích hiện khi rê chuột; trên điện thoại chú thích luôn hiện. Lưới 4 cột chuyển còn 2 cột trên tablet và mobile.

Section 09: Quà tặng doanh nghiệp

Khối ảnh kèm 3 lợi ích đánh số gồm in logo, giá sỉ từ 30 set, giao theo danh sách. Nút Nhận báo giá mở popup form ngay trên trang, hoặc dẫn tới link riêng nếu shop nhập link. Nút Chat Zalo lấy link Zalo trong Admin.

Section 10: Đặt quà 4 bước

Quy trình đặt hàng rõ ràng giúp khách yên tâm. Mỗi bước có icon, tiêu đề và mô tả; icon thay được bằng ảnh tải lên. Các bước xuất hiện lần lượt khi cuộn tới.

1. Chọn quà.
2. Gửi lời chúc.
3. Gói thủ công.
4. Trao tận tay.

Section 11: Đánh giá khách hàng

Điểm tổng kèm 5 ảnh đại diện, rồi 15 thẻ đánh giá chạy thành hai hàng ngược chiều nhau. Thẻ sáng và tối xen kẽ; mỗi thẻ có ảnh, tên, nơi ở và nhãn sản phẩm đã mua.

Nội dung minh họa gồm điểm đánh giá 4.9, biểu tượng 5 sao và dòng thông tin từ 1.280 đánh giá đã xác thực.

Section 12: Blog Chuyện kể đêm đông

Nền rừng tuyết có sương trôi, rèm băng treo và thẻ kính băng. Hiện 3 bài mới nhất có ảnh, bài đầu làm bài nổi bật, kèm ngày đăng và số phút đọc tự tính. Bài viết mở trong popup. Section tự ẩn khi blog chưa có bài.

Section 13: Hỏi đáp và tư vấn

Tối đa 6 câu hỏi dạng xổ xuống, mở câu này thì câu khác tự đóng. Bên cạnh có thẻ tư vấn viên với ảnh, trạng thái trực tuyến, nút gọi hotline và nút nhắn câu hỏi.

Footer: Lời mời nhận quà và chân trang

Một món quà bất ngờ. Nhận ngay quà bí mật.

Form gồm ô Email của bạn và nút Nhận quà.

Form đăng ký email lưu thành khách hàng Haravan, tự gắn tag Đăng kí nhận tin, Noel. Chân trang có giới thiệu, mạng xã hội, 3 cột Khám phá, Hỗ trợ, Liên hệ kèm giờ làm việc, chữ lớn Merry Christmas, 6 logo thanh toán và nút lên đầu trang.

Hiệu ứng và trải nghiệm

Không khí Noel trong từng lần cuộn

Hiệu ứng đủ để tạo cảm xúc nhưng không cản trở việc mua hàng. Tuyết và xe tuần lộc tạm dừng khi khách mở popup hoặc giỏ hàng để thao tác luôn mượt.

Tuyết rơi ba lớp chiều sâu

Bông xa nhỏ, mờ, rơi chậm; bông gần to, nhòe, rơi nhanh, vẽ bằng canvas. Bật hoặc tắt trong mục Hiệu ứng Noel.

Xe tuần lộc làm thanh tiến trình

Đoàn tuần lộc ánh vàng chạy dọc mép header theo độ cuộn trang, rắc bụi sao phía sau và quay đầu khi khách cuộn ngược lên.

Xuất hiện mềm khi cuộn

Nội dung trượt lên, trượt ngang hoặc phóng nhẹ lần lượt từng khối. Ảnh hero zoom chậm và chạy parallax, chữ vàng trên tiêu đề lấp lánh.

Kính mờ và kính băng

Thẻ đếm ngược, sản phẩm nổi bật, bài viết và câu hỏi dùng hiệu ứng kính trong suốt trên nền ảnh.

Cuộn mượt toàn trang

Cuộn trang và cuộn trong popup đều mượt. Link neo tự chừa khoảng cho header khi nhảy tới section.

Nút có vệt sáng

Nút vàng ánh kim, đỏ nhung và kính mờ có vệt sáng lướt qua khi rê chuột, mũi tên nhích nhẹ theo.

Mua sắm không rời trang

Mọi thao tác đều trong popup

Khách luôn ở trên trang chủ, không mất mạch cảm xúc và không phải chờ tải trang mới. Nếu nội dung popup không tải được, theme tự chuyển sang trang thường nên khách không bị kẹt.

01. Xem nhanh sản phẩm

Bấm vào sản phẩm ở bất kỳ đâu sẽ mở popup xem nhanh: ảnh, giá, chọn biến thể và thêm vào giỏ.

02. Giỏ hàng dạng popup

Link /cart mở popup giỏ hàng. Khách tăng, giảm, xóa sản phẩm ngay tại chỗ; nút Khuyến mãi mở popup mã giảm giá đè lên giỏ.

03. Đọc blog, trang, bộ sưu tập trong popup

Link bài viết, trang nội dung và bộ sưu tập mở trong popup có thanh tiến trình đọc. Nội dung đã mở được lưu tạm để lần sau mở ngay.

04. Form báo giá gửi thẳng về email

Popup báo giá doanh nghiệp dùng form Liên hệ của Haravan. Các ô phụ như công ty, số lượng được gom vào nội dung email; có Google reCAPTCHA chống spam, chỉ tải khi khách gửi form.

05. Đếm ngược và sao chép mã một chạm

Ba đồng hồ ở thanh thông báo, hero và ưu đãi cùng đếm tới đêm 24 tháng 12, sau ngày 25 tháng 12 tự chuyển sang mùa năm sau. Mã giảm giá sao chép bằng một lần bấm.

Quản trị dễ dàng

Hơn 570 tùy chọn, không cần đụng code

Thiết lập giao diện chia thành 4 nhóm rõ ràng, sắp đúng thứ tự xuất hiện trên trang. Ảnh mẫu có sẵn trong theme nên cài xong là trang đã đầy đủ, shop chỉ việc thay ảnh và chữ.

Nhóm 1: Thiết lập chung

Favicon, ảnh chia sẻ, bật hoặc tắt tuyết và xe tuần lộc, popup đăng ký, icon Messenger, Hotline, Zalo, Email, livestream.

Nhóm 2: Header

Logo sáng và tối, thanh thông báo, 6 mục menu cuộn tới section, hotline, nút hành động, tính năng mua hàng và giỏ hàng.

Nhóm 3: Trang chủ

13 section, mỗi section có công tắc riêng. Chọn bộ sưu tập, số sản phẩm, blog hiển thị; chỉnh từng thẻ, mã, ảnh, đánh giá, câu hỏi.

Nhóm 4: Footer

Lời mời nhận quà, giới thiệu, mạng xã hội, 6 link Khám phá, cột Hỗ trợ và Liên hệ, chữ lớn cuối trang, 6 phương thức thanh toán, copyright.

Chữ và ảnh trên trang được gắn sẵn mã thiết lập, nên khi chỉnh trong trình tùy biến giao diện của Haravan, shop bấm vào phần tử là tới đúng ô cần sửa.

Thông số kỹ thuật

Gọn nhẹ, chuẩn Haravan

Nền tảng: Haravan, thiết lập qua hiệu chỉnh giao diện.

Kiểu trang: One page với 13 section, menu neo cuộn tới từng phần.

Popup: Xem nhanh sản phẩm, Giỏ hàng, Mã khuyến mãi, Báo giá doanh nghiệp, Đọc bài viết, trang và bộ sưu tập.

Responsive: Tối ưu theo các mốc 1199, 991, 767 và 575 px; menu ngăn kéo trên mobile.

Font chữ: Cormorant Garamond, Great Vibes, Be Vietnam Pro. Google Fonts, hỗ trợ tiếng Việt.

Tốc độ: Ảnh hero tải ưu tiên, ảnh còn lại tải trì hoãn; hiệu ứng nền dừng khi mở popup.

Form: Báo giá gửi về email Liên hệ Haravan, có reCAPTCHA. Đăng ký email lưu thành khách hàng Haravan có tag.

Sẵn sàng cho một mùa Noel đắt hàng

Merry Christmas

F1genz Noel gói gọn câu chuyện thương hiệu, sản phẩm, ưu đãi, quà doanh nghiệp và chăm sóc khách hàng trong một trang ấm áp. Shop chỉ cần thay ảnh, chữ và mã giảm giá là có thể đón mùa lễ hội.

• Cài là có trang hoàn chỉnh.
• Bán lẻ và quà doanh nghiệp.
• Tự chuyển sang mùa năm sau.

Merry Christmas