← 이력서로 돌아가기
EZPlay
토너먼트 개발팀 · 2024.06 ~ 2024.09
Next.js 14TypeScriptTailwindCSSZustandTanStack QuerywagmiviemKy
기존 PlayDapp Tournaments의 높은 진입장벽을 낮추기 위한 미니게임 위주의 서비스 마이그레이션과 리뉴얼을 통한 재런칭을 진행했습니다.
주요 과제 및 문제 인식
- 높은 이탈률 — 복잡한 지갑 연결 절차 및 레이아웃으로 인해 초기 사용자 유입 및 전환이 어려운 구조적 한계가 존재했습니다.
- 데이터 신선도와 성능의 트레이드오프 — 실시간성이 중요한 게임 데이터와 랭킹 정보를 효율적으로 렌더링하면서도 서버 부하를 최소화할 필요가 있었습니다.
주요 역할 및 성과
서비스 페이지 개발
- 메인 페이지 · 카테고리 페이지
- 마이어카운트(EZ Point 내역·좋아요 리스트·My NFT·티켓 내역)
- 게임 페이지(일반·토너먼트)
- FAQ 페이지
- 이용약관(TOS)·개인정보 처리방침
- 404 페이지
성능 및 아키텍처 최적화
- Next.js App Router 기반 설계 — 서버 컴포넌트(RSC)를 적극 활용하여 클라이언트 사이드 번들 사이즈를 줄이고 초기 로딩 속도를 개선
- 데이터 페칭 및 캐싱 전략 수립 — 서비스 도메인 특성에 맞춰 ISR(Incremental Static Regeneration)과 SSR(Server-Side Rendering)을 설계·적용하여 API 호출을 최적화
사용자 접근성 개선
- 그리드 레이아웃 적용 — 메인 페이지의 모든 게임에 CSS Grid 시스템을 적용해 화면 크기에 반응하는 가변적·균형 잡힌 타일 배치를 구현, 일관된 게임 탐색 환경과 스캔 효율성을 극대화
- 진입 장벽 완화 및 UX 개선 — 지갑 생성 필수 구조에서 벗어나 Google/Apple 소셜 로그인·게스트 로그인 파이프라인을 구축하고, 지갑 없이 즉시 플레이(Instant Play) 가능한 UX를 구현해 초기 이탈률 개선에 기여