WEB

LUXON

LUXON은 지갑의 온체인 거래 기록을 읽어 활동하는 사용자에게 NFT를 지급하는 Web3 게임 플랫폼입니다. 똑똑한개발자는 메인과 에어드롭 이벤트부터 마켓플레이스, 퀘스트, 상점, 인벤토리 화면까지 작업했습니다.

LaunchNov, 2022
Client너디스타

지갑 연결로 시작하는 메인과 NFT 에어드롭

메인은 상단에 'WE READ, WE GIVE' 문구와 CONNECT WALLET·LEARN MORE 버튼만 두고, 그 주변을 캐릭터 카드와 코인 오브젝트로 채웠습니다. 처음 온 사용자가 할 일을 지갑 연결 하나로 좁힌 구성입니다. 아래로 내려가면 WHAT'S NEW 캐러셀에서 커뮤니티·이벤트 소식을, LAUNCH TO PLAY에서 런처 다운로드를 차례로 만납니다. NFT AIRDROP 페이지는 DESPERADO B218 로고와 세리프 서체, 금색 장식선으로 게임 분위기를 살리고 Event Rewards와 Event Periods를 두 줄로 정리해, 방문자를 이벤트 참여로 이끄는 입구 역할을 합니다.

티어와 스탯으로 고르는 캐릭터 마켓플레이스

마켓플레이스는 왼쪽에 ALL GAMES와 Tier·Grade·State·Class 필터를, 오른쪽에 캐릭터 카드 그리드를 두어 원하는 캐릭터를 좁혀 가며 찾게 했습니다. 카드마다 일러스트와 LEGEND·EPIC 같은 티어 배지, 가격이 함께 있어 목록에서 바로 비교할 수 있습니다. 상세 화면은 3D 캐릭터를 가운데 크게 두고 판매 종료 카운트다운, Dye 색 선택, 스킬 설명, 스탯 막대를 한 페이지에 모았습니다. 오른쪽 Chain Info 카드에서 컨트랙트와 가격을 확인하고 BUY로 바로 구매할 수 있어 탐색에서 거래까지 흐름이 끊기지 않습니다.

보유 NFT를 퀘스트 보상으로 잇는 내 게임

마이페이지의 My Game 탭은 지갑을 연결한 사용자가 가진 자산을 Characters와 Value Chips로 나눠 보여 줍니다. 캐릭터 목록은 마켓플레이스와 같은 필터와 카드 형식을 써서 익숙하게 훑어볼 수 있습니다. Value Chip 탭은 상단 배너에 보유 수량과 BUY NOW 버튼을 두고, 히어로별 칩을 격자로 늘어놓았습니다. Quest 화면에서는 Regist·Stake·Burn 세 방식으로 보유 아이템을 걸고 Main Quest 보상을 받으며, 베이지·금색 카드로 다른 화면과 구분됩니다. 이미 가진 NFT를 다시 쓰게 해 재방문을 이끄는 자리입니다.

런처 설치부터 계정 연동·상점까지 이어진 동선

Game Launcher 페이지는 FIRST GAMEPLAY REVEAL 배너 아래에 DOWNLOAD LAUNCHER 버튼과 Minimum·Recommanded 사양 표를 두어, 설치하기 전에 PC 조건을 확인할 수 있습니다. Connect 탭의 SYNC ACCOUNTS에서는 GuildFi, EXOS HEROES 계정을 연결해 파트너 보상을 받습니다. Store는 Credit Card NFT를 ROUND 단위로 팔며, 진행 막대와 PRICE·QUANTITY·TOTAL을 거쳐 BUY까지 한 열로 이어집니다. 모든 화면이 같은 상단 메뉴와 파란 CONNECTED 버튼을 공유해, 게임·상점·퀘스트·이벤트를 오가는 동안 지갑 연결 상태를 늘 확인할 수 있습니다.

📌 이 작업의 포인트
  • 01티어·클래스 필터로 찾는 캐릭터 마켓
  • 02Regist·Stake·Burn 세 방식의 퀘스트
  • 03런처·상점·계정 연동까지 한 메뉴 체계