서비스 정의
GameSnapshots는 게임 매거진과 카드뽑기를 한 사이트에 붙인 서비스입니다(2026-08-22 전면 재구축). 리뷰와 뉴스가 검색 유입을 만들고, 같은 게임의 오리지널 아트 카드 팩이 크래딧 소비를 만듭니다. 게임 하나에 리뷰 한 편(한국어, 영어, 일본어, 중국어 간체, 번체)과 카드 팩 하나(8장)가 붙고, 리뷰 지면의 “이 게임 카드 뽑기"가 뽑기 페이지로, 뽑기 페이지의 “리뷰 읽기"가 리뷰로 서로를 가리킵니다. 뉴스는 게임에 연결되면 그 리뷰를 옆에 겁니다.
카드는 크래딧 1로 한 장(하루 한 번은 무료)을 뽑고, 서버가 등급(커먼, 레어, 에픽, 레전더리, 미시컬, 확률 차등)을 정해 컬렉션에 넣어 줍니다. 좋은 등급일수록 드물고 화려하게 렌더되며, 카드는 공개 페이지로 자랑, 공유하거나 마켓에서 다른 수집가와 크래딧으로 사고팔 수 있습니다(구매는 서버 원자 트랜잭션, 민팅 없음).
해결하려는 문제
게임 리뷰는 넘치지만 “이 게임이 무엇이고, 돈이 어디서 나가고, 나한테 맞는지"를 게임을 안 해본 사람 눈높이로 설명해 주는 글은 드뭅니다. 한편 게임 아트를 모으는 재미는 팬아트 플랫폼에 흩어져 있고 저작권이 불분명합니다. GameSnapshots는 게임마다 설명형 리뷰를 쓰고, 그 게임의 분위기를 옮긴 오리지널 아트만으로 수집 놀이를 붙여 두 가지를 한 화면에서 해결합니다.
핵심 타깃
- 게임을 고르는 사람: 화제의 게임이 무엇인지, 시작하면 처음 10시간이 어떤지, 과금이 어디서 나가는지 알고 싶은 대학생 독자
- 수집가: 좋아하는 게임의 아트 카드를 등급별로 모으고 거래하고 싶은 사용자
- 다국어 검색 유입: 한국어, 영어, 일본어, 중국어(간체, 번체)로 게임 이름을 검색해 들어오는 사용자
핵심 사용자 흐름
- 리뷰, 뉴스 읽기: 홈 히어로(최신 리뷰) → 리뷰 목록 → 상세(평점, 게임 정보, 좋았던/아쉬운 점, 총평, 관련 뉴스)
- 카드 뽑기: 리뷰 사이드 CTA 또는 카드뽑기 로비에서 팩 선택 → 크래딧으로 한 장(데일리 무료 1회) → 리빌 → 컬렉션
- 수집, 거래: 컬렉션(등급 요약, 판매 등록, 버리기) → 마켓(등급 필터, 구매) → 카드 상세(공유, 소유자)
주요 기능
- 리뷰: 게임당 한 편, 5개 언어 전량. 평점(0~5), 플랫폼, 개발사, 출시, 과금, 장단점, 한 줄 총평을 구조화(Review JSON-LD)
- 뉴스: 출시, 업데이트, 발표 가운데 알아둘 만한 것만, 배경까지 풀어서. 출처 링크 필수
- 카드뽑기: 게임별 팩, 서버 권위 등급 롤, 아트 픽, 과금(mrlatte 공유 크래딧), 데일리 무료 뽑기, 리빌 연출
- 컬렉션, 마켓: 등급별 소장, 판매 등록/취소, 구매(순수 이체), 폐기, 소셜 프루프(발행, 거래 집계)
- 오리지널 아트: 카드, 히어로 전부 운영자가 Midjourney 로 제작. 게임 이름, 캐릭터, 상표 없는 세계관 분위기 일러스트. 푸터, 카드 상세에 고지
- 다국어: ko/en/ja/zh-cn/zh-tw URL 라우트, 루트 스플래시 자동 선택, 카드 제목도 5개 언어
- 모바일 앱: 웹을 감싼 WebView 셸(Expo), 네이티브 구글 로그인 브리지
서비스 설계 포인트
- 콘텐츠는 전부 레포 파일: 리뷰, 뉴스 마크다운, 게임, 카드, 프롬프트 JSON. Firestore 에는 콘텐츠를 두지 않고 뽑기 풀만 동기화
- 이미지는 자체 호스팅: 외부 직링크, 공식 스크린샷 핫링크 없음. 히어로가 없는 동안은 CSS 포일 커버
- 카드는 전면 서버 권위: 뽑기 전 카드 내용이 소스, 네트워크 어디에도 없다. 등급, 가격, 소유권은 콜러블만 바꾼다
- Midnight Arcade 디자인: 먹색 캔버스 + 엠버 단일 액션 색 + 홀로 카드. 골드는 통화 표기 전용
기술 스택
- Frontend: Astro 7(순수 CSS, 전 지면 프리렌더), 콘텐츠 컬렉션(마크다운) + 로컬 JSON
- Mobile: Expo (React Native) WebView 셸
- Backend: Firebase Auth + Firestore(named DB
gamesnapshots= 뽑기 풀, 공유 mrlatte DB = 카드, 크래딧) + mrlatte Cloud Functions(뽑기, 마켓 콜러블) - Hosting: Firebase App Hosting(project mrlatte, rootDirectory web). Storage 는 카드 이미지 미러
- Art pipeline:
data/art/*.json프롬프트 → 운영자 Midjourney →scripts/ingest-art.py→ GitHub Actions 미러, 풀 동기화