Skip to main content

Chỉnh Sửa Giao Diện Membership & Đặc Tả Trang BigFan (Footer Tab)

Ngày cập nhật: 23/06/2026 | Cập nhật lần cuối: 30/06/2026
File ảnh gốc: z7963997393985_cab40dbd695b4bf1f2fa71abdb08d30d.jpg

1. Sửa Lỗi Bố Cục Hạng Thành Viên (Membership Tiers Layout)​

Vấn đề hiện tại​

Trên màn hình Membership (ảnh feedback), ở section "Các hạng thành viên" (nằm ở phía dưới):

  • Hệ thống đang hiển thị dòng đầu tiên là hạng "Member" (Từ 0đ).
  • Dòng thứ hai là hạng "Silver" (Đã chi 0đ - Hiện tại).

Điều này sai quy tắc nghiệp vụ vì:

  • Hạng thành viên mặc định thấp nhất khi đăng ký tài khoản là Silver (không có hạng nào tên là "Member").
  • Giao diện đang hiển thị song song cả "Member" (0đ) và "Silver" (0đ) gây trùng lặp và sai lệch cấu trúc phân hạng.

Lỗi hiển thị hạng Member và Silver

Yêu cầu chỉnh sửa​

  • Xóa bỏ hoàn toàn hạng "Member" khỏi danh sách hiển thị và cơ sở dữ liệu.
  • Thiết lập Silver là hạng thẻ mặc định đầu tiên của chu trình với mốc chi tiêu từ 0đ.
  • Cấu trúc phân hạng hiển thị trên danh sách phải tuân thủ đúng thứ tự: Silver (Từ 0đ) -> Gold (Từ 30.000.000đ) -> Platinum (Từ 80.000.000đ) -> Diamond (Từ 150.000.000đ)

Khi người dùng nhấn vào menu Big Fan dưới thanh điều hướng (Footer Tab Bar) của ứng dụng, hệ thống sẽ mở ra một màn hình chức năng chuyên biệt với cấu trúc như sau:

2.1. Phần 1: Giới Thiệu Chuyên Mục (BigFan Introduction)​

  • Tiêu đề: Cộng đồng BigFan Golden Lotus hoặc BigFan là gì?
  • Nội dung: Đoạn văn bản giới thiệu ngắn về các đặc quyền khi trở thành BigFan (nhận Voucher ưu đãi cộng đồng, quà tặng sinh nhật đặc biệt, cơ hội tham gia các minigame độc quyền).

2.2. Phần 2: Slide Hoạt Động & Trao Thưởng (Rewards Carousel)​

Nằm ngay phía dưới phần giới thiệu là danh sách/slide chạy ngang hiển thị các hoạt động trao thưởng gần đây:

  • Nội dung thẻ (Card Item):
    • Tên khách hàng (đã được ẩn danh theo quy tắc bảo mật: e.g. Nguyễn *** Anh).
    • Hoạt động nhận giải: "... vừa nhận được Voucher Vé Jjim Jil Bang nhân dịp sinh nhật" hoặc "... vừa quay trúng 500 GPoint từ Vòng quay may mắn".
    • Thời gian: "1 giờ trước", "2 ngày trước"...
  • Quản trị dữ liệu (CMS Management):
    • Cho phép Admin quản lý, thêm mới, sửa hoặc xóa các bản ghi hoạt động này trong trang quản trị Admin CMS (dưới mục quản lý BigFan).
    • Backend hỗ trợ tự động log các hoạt động quay thưởng minigame thực tế đồng thời cho phép admin nhập tay các tin tặng quà đặc biệt từ CMS.

2.3. Phần 3: Nút Kêu Gọi Hành Động (Call-to-Action - CTA)​

  • Vị trí: Nằm ở dưới cùng của trang BigFan.
  • Giao diện: Nút nổi bật có màu thương hiệu (hoặc màu đại diện của Facebook).
  • Nội dung nút: Tham gia cộng đồng Facebook
  • Hành vi (Action): Khi click vào nút này, ứng dụng sẽ mở ra liên kết ngoài (outlink) chuyển tiếp trực tiếp người dùng đến Group Facebook hoặc Fanpage chính thức của doanh nghiệp (mở qua app Facebook trên điện thoại hoặc trình duyệt).

⚠️ Ghi chú thay đổi yêu cầu (Cập nhật: 30/06/2026)

Menu BigFan trên Footer Tab Bar KHÔNG phải outlink trực tiếp ra Facebook khi người dùng click tab.

Chi tiết
Thiết kế ban đầu (đã hủy)Click tab BigFan → mở thẳng app/trang Facebook
Thiết kế hiện tại (áp dụng)Click tab BigFan → mở màn hình BigFan nội bộ trong App

Luồng đúng:

  1. Người dùng nhấn tab BigFan ở Footer.
  2. App mở màn hình BigFan nội bộ (giới thiệu cộng đồng + slide trao thưởng).
  3. Người dùng cuộn xuống thấy nút "Tham gia cộng đồng Facebook".
  4. Chỉ khi nhấn nút CTA đó mới mở outlink ra Facebook.

→ Nút Facebook là call-to-action bên trong trang BigFan, không phải hành vi mặc định của tab.