X8 Guild - All in one community platform
Nền tảng cộng đồng gaming với hệ thống nhận diện, website, dashboard và các công cụ quản lý.
Mục lục
X8 Guild là một cộng đồng gaming hướng tới việc tạo thu nhập từ game blockchain và đầu tư tài sản số. Mục tiêu của họ là xây một mạng lưới gamer, NFT và DAO để kết nối nhà đầu tư và tăng thu nhập trong metaverse.
Guild cung cấp một nền tảng để người chơi, nhà đầu tư và gamer NFT kết nối, học hỏi, kiếm thu nhập và xây dựng trong metaverse trong khi tối đa hoá lợi nhuận. Sứ mệnh của họ là giúp cư dân metaverse chơi game và kiếm thêm thu nhập với sự tự do, tin cậy và phát triển.
Trong dự án này, Khoa (JAK) phụ trách visual direction và minh hoạ; thiết kế website, nền tảng, staking, gaming tools, trang NFT, marketplace và admin deck; cùng style guide dùng xuyên suốt. Branding làm cùng Sam; UX design và phân tích, cải thiện UX/UI làm cùng Hoàng Anh, Thạch và Bình; Bình hỗ trợ kỹ thuật. Các ấn phẩm truyền thông trong bài do Khai Kei thiết kế.
01. Bài toán và phạm vi
Một guild vừa cần bộ mặt để kể chuyện với gamer và nhà đầu tư, vừa cần công cụ để thành viên theo dõi game, NFT, phần thưởng và đầu tư, và cần một bàn quản trị cho đội vận hành. Dự án được chia thành ba mảng chính.
- Visual: tạo diện mạo và cảm giác của dự án với branding, visual direction và thiết kế minh hoạ.
- Platform và các phần khác: các tính năng thực tế của nền tảng, gồm thiết kế và phát triển website guild, nền tảng theo dõi và quản lý NFT, staking, gaming tools và một NFT marketplace.
- Admin deck: các việc quản lý phía sau như quản lý người dùng, quản trị game và theo dõi hiệu suất.
02. Nhận diện thương hiệu
Logo
Logo X8 kết hợp các góc sắc của chữ X với độ bền của tinh thể, đại diện cho một cộng đồng mạnh và rõ ràng. Chữ X tượng trưng cho sự gắn kết và dấu ấn riêng, còn màu tím sáng mang lại cảm giác thân thiện. Đây không chỉ là một biểu tượng mà còn phản chiếu sự đoàn kết và tầm nhìn hướng tới tương lai.
Bộ hướng dẫn thương hiệu giúp X8 Guild giữ diện mạo nhất quán và dễ nhận ra trên mọi kênh truyền thông: cách dùng logo đúng, khoảng trống tối thiểu và kích cỡ phù hợp cho từng ứng dụng.
Chữ và màu
Hệ chữ dùng Manrope cho tiêu đề và Lexend cho nội dung, hỗ trợ cả tiếng Việt và tiếng Anh.
Minh hoạ xoay quanh hình tượng tinh thể, theo niềm tin rằng thế giới được tạo nên từ năng lượng toả ra từ các tinh thể.
Bảng màu lấy dải chuyển tím làm màu chính, kết hợp xám đậm, ngọc lam và xanh dương để hình ảnh sống động và thống nhất. Tuân theo các hướng dẫn này giúp củng cố nhận diện và thông điệp của thương hiệu ở mọi nơi.
03. Chuẩn bị nền tảng
Quy trình UX đi qua ba bước chính. Bắt đầu từ tầm nhìn sản phẩm để đặt hướng rõ ràng, rồi xác định các use case cụ thể cho từng nhóm người dùng, cuối cùng chi tiết hoá sitemap và luồng người dùng để trải nghiệm mượt và dễ hiểu khi đi qua nền tảng.
Trong bước chuẩn bị thiết kế, nền thị giác được đặt bằng bộ màu chính, phụ và trung tính cùng vài sắc nhấn cho một hình ảnh thương hiệu riêng và linh hoạt, kèm font và cỡ chữ cụ thể để thiết kế rõ và nhất quán. Nền này định hình diện mạo chung của nền tảng.
Style guide màu gồm các sắc tím rực cho màu chính, ngọc lam và xanh dương mát cho màu phụ, dải trung tính cân bằng và nhiều màu nhấn cho các chủ đề giao diện.
Style guide chữ ưu tiên rõ ràng và nhất quán: Lexend cho nội dung và Manrope cho tiêu đề ở nhiều cỡ và độ đậm, đảm bảo dễ đọc và chỉn chu trên toàn nền tảng.
04. Website X8 Guild
Website đặt trọng tâm vào việc truyền tải thông tin. Bắt đầu bằng landing page để giới thiệu guild, tiếp theo là blog để dẫn dắt và giáo dục thị trường, cuối cùng là giới thiệu dự án NFT.
Landing page
Landing page của X8 Guild cung cấp giao diện và thông tin phù hợp cho cả gamer và nhà đầu tư.
Thông tin game
Cung cấp thông tin về các game để người dùng khám phá game mới và đăng ký scholarship.
X8 Blog
X8 Blog là một nhánh riêng của X8 Guild, cung cấp thông tin và cập nhật về GameFi và tin thị trường cho bất kỳ ai muốn theo kịp lĩnh vực này.
Trang NFT
Giới thiệu NFT của X8 Guild tới người dùng tiềm năng cùng những quyền lợi đi kèm.
05. Nền tảng X8 Guild
Nền tảng X8 là nơi người dùng đăng ký tài khoản và trở thành thành viên guild. Người dùng hoàn thành nhiệm vụ hằng ngày để nhận token và lên cấp, mở khoá các phần thưởng. Đây cũng là nơi scholar theo dõi tiến độ, chơi game và hoàn thành nhiệm vụ để tăng điểm, còn nhà đầu tư tham gia các cơ hội đầu tư.
Dashboard người dùng
Đăng ký thành viên chỉ qua vài bước; các luồng liên quan gồm kết nối ví, cập nhật thông tin và xem thông báo. Mục Nhiệm vụ và phần thưởng đưa ra nhiệm vụ hằng ngày, nhiệm vụ game và nhiệm vụ đầu tư để lên cấp và mở khoá phần thưởng; mục Điểm của bạn cho phép theo dõi điểm đã kiếm và đã dùng.
Dashboard cho scholar
Dashboard cho scholar và gamer giúp quản lý hoạt động chơi game: theo dõi tiến độ, thu nhập và thống kê chi tiết từng game trong danh mục. Game dashboard giúp scholar quản lý scholarship, tiến độ chơi và số tiền kiếm được từ GameFi; Game detail view theo dõi chi tiết và hiệu suất từng game.
Gaming tools
Gaming tools cung cấp tài nguyên như hướng dẫn và mẹo chơi để nâng trải nghiệm và kỹ năng của gamer.
Staking
Staking mở cơ hội đầu tư vào X8 Guild: khoá một lượng tiền mã hoá trong một khoảng thời gian để nhận phần thưởng.
X8 Play Ground: NFT marketplace
X8 Play Ground là marketplace nơi chủ sở hữu NFT cho gamer thuê NFT. Gamer kiếm token khi chơi bằng các NFT này và một phần hoa hồng từ thu nhập được chia lại cho chủ sở hữu.
06. Admin deck
Admin deck gồm quản lý người dùng, quản trị game, theo dõi hiệu suất, quản lý tài khoản game, một hệ thiết kế cơ bản dạng style guide và các việc phân tích, cải thiện UX/UI.
Theo dõi hiệu suất
Theo dõi tổng tài sản của guild, dòng tiền và hiệu suất vận hành, cùng hiệu suất chơi game của các scholar.
Quản trị chung
Quản lý game dùng để quản lý các game có trên website; sửa nội dung game cho phép thêm game mới hoặc chỉnh nội dung game hiện có. Quản lý blog để quản lý, tạo và sửa bài viết cùng thông tin của chúng.
Quản lý người dùng và tài sản
07. Ghi nhận và liên kết
Cảm ơn mọi người đã góp sức cho dự án: đội kỹ thuật, QA, nội dung và marketing, quản lý dự án và product owner.
Bản trình bày đầy đủ có thể xem dưới dạng prototype trên Figma; bài gốc được đăng trên Behance.