포트폴리오 목록
ENCORE 앙코르 — 아이돌 카드 매칭 게임
웹사이트
아이돌 카드 매칭 미니게임의 7개 파트, 20개 모바일 화면을 실제로 눌러볼 수 있는 시안으로 제작했습니다. 카드 플립, 매칭 판정, 타이머, 일시정지, 성공·신기록·타임오버 분기와 컬렉션·랭킹 화면까지 하나의 인터랙티브 데모로 구성했습니다.
프로젝트 소개
모바일 화면 20종과 실제 카드 매칭 게임 상태를 한 시안 뷰어에서 체험하는 인터랙티브 UI 데모입니다. 역할별 사용자 여정과 핵심 업무를 하나의 흐름으로 연결하고, 실제 구축 전에 기능과 운영 위험을 검증할 수 있는 데모를 만드는 것이 목표였습니다.
아이돌 카드 매칭 미니게임의 7개 파트, 20개 모바일 화면을 실제로 눌러볼 수 있는 시안으로 제작했습니다. 카드 플립, 매칭 판정, 타이머, 일시정지, 성공·신기록·타임오버 분기와 컬렉션·랭킹 화면까지 하나의 인터랙티브 데모로 구성했습니다.
주요 기능
- 게임·보상 시스템 — 진행 상태에 따른 판정, 수집, 랭킹과 보상 흐름을 인터랙티브하게 구현했습니다.
- 실시간 계산·판정 — 입력값과 업무 규칙에 따라 금액·점수·상태를 즉시 계산해 결과와 판단 근거를 함께 보여줍니다.
- 반응형 화면 — 데스크톱과 모바일 또는 현장 전용 화면에서도 핵심 정보와 조작 요소가 유지되도록 구성했습니다.
기술 스택
정적 HTML/CSS/Vanilla JavaScript3D 카드 플립·게임 타이머·성공/실패 상태 머신Canvas 콘페티·반응형 모바일 시안 뷰어
