프로젝트 배경
팝업스토어 현장에서는 방문객이 짧은 시간 안에 브랜드 경험에 몰입하고 자발적으로 참여하도록 유도하는 것이 핵심입니다. 그러나 기존 현장 이벤트 방식은 두 가지 문제가 있었습니다. 첫째, 참여 장벽 문제. 별도의 회원가입이나 로그인 절차가 필요한 이벤트는 현장에서 즉각적인 참여를 방해하고, 대기 시간이 길어질수록 이탈률이 높아집니다. 둘째, 인터랙션의 부재. QR 코드 설문이나 단순 추첨 방식은 방문
프로젝트 성과
즉시 참여형 플레이 루프 구현
로그인 및 회원가입 없이 첫 화면에서 바로 게임 진입.
한 화면 안에서 주사위 조작, 현재 위치 확인, 규칙 안내가 동시에 가능한 구조를 설계했습니다.
한 화면 안에서 주사위 조작, 현재 위치 확인, 규칙 안내가 동시에 가능한 구조를 설계했습니다.
핵심 인터랙션 프로토타입 완성
3D 주사위 회전 및 착지 바운스 애니메이션, 말 이동 애니메이션, 효과음(굴림/착지/이동)까지 포함한 실제 시연 가능한 프로토타입을 완성했습니다.
이벤트 규칙 및 점수 시스템 구현
무인도(다음 턴 쉬기), 뒤로2, 뒤로3 등 3종 이벤트 칸 규칙과 전진 +10점, 무인도 -15점, 후퇴 -12점/칸, 피니시 +100점 보너스까지 포함한 점수 로직을 구현했습니다.
풀스택 API 및 DB 구조 설계
세션 생성 → 게임 시작 → 주사위 로그 저장 → 게임 종료 4개 REST API를 구성하고, sessions / games / dice_rolls 3개 테이블로 분리한 PostgreSQL 스키마를 설계했습니다.
DB 없이도 시연 가능한 구조 확보
백엔드 DB 미연결 상태에서도 메모리 모드(fallback)로 전체 게임이 정상 동작하도록 구현해, 현장 시연 환경에서의 안정성을 확보가 가능합니다.
핵심 기능
진행 단계
기획
2026.03.
팝업스토어 현장 참여 흐름을 분석하고, 로그인 없는 즉시 참여형 게임 구조를 정의했습니다. 한 판의 플레이 루프(시작 → 주사위 → 이동 → 이벤트 → 결과)와 이벤트 칸 규칙 범위를 확정했습니다.
프로젝트 상세
1) 포트폴리오 소개 팝업스토어 방문객이 별도의 로그인 없이 즉시 참여할 수 있는 현장 이벤트형 웹 게임 프로젝트입니다. 부루마블 컨셉의 보드판 UI를 기반으로 주사위 애니메이션, 말 이동, 간단한 이벤트 칸 규칙을 구현해 짧은 시간 안에 몰입감 있는 참여 경험을 제공하는 것을 목표로 설계했습니다. 2) 작업 범위 게임 UX 기획, 화면 구조 설계, UI/UX 디자인, 프런트엔드 개발, 백엔드 API







