HTML5 Web Game Studio
교육용 퀴즈, 제품 체험 게임, 서비스 온보딩, 소형 웹게임을 브라우저에서 바로 실행되게 만듭니다. 먼저 플레이 화면과 결과 화면을 만들고, 점수 저장·랭킹·수료자 목록·관리자·CSV·LMS/API는 결과를 운영해야 할 때 뒤에 붙입니다. 경품, 쿠폰, 현장 운영이 중심인 프로젝트는 캠페인형 기준으로 따로 봅니다.
포트폴리오
공개 가능한 HTML5 게임 화면만 골랐습니다. 교육용 퀴즈, 제품 이해 게임, 카드 매칭, 타이밍 게임처럼 실제로 눌러볼 수 있는 샘플이고, 각 사례는 어떤 상황에서 쓰는지까지 함께 볼 수 있게 정리했습니다.
전체 목록보다 먼저, 의뢰 판단에 자주 쓰이는 유형을 앞에 놓았습니다. 비슷한 게임을 맡기면 어떤 화면과 룰이 필요한지 감을 잡는 용도입니다.
교육용 게임 대표
공공 안전교육 게임
안전 수칙을 안내문으로만 보여주지 않고, 사용자가 직접 선택하고 확인하는 퀴즈 흐름으로 만든 게임입니다. 모바일에서 바로 플레이할 수 있도록 화면과 조작을 단순하게 잡고, 문항 흐름과 탐색 미션을 함께 제작했습니다.
제품 체험형 대표제품 이해형 퀴즈
제품 설명을 긴 문단으로 읽히기보다, 핵심 정보를 문항과 피드백으로 나눠 보여주는 유형입니다. 사용자는 문제를 풀면서 제품 특징을 확인하고, 결과 화면에서 다음 행동으로 넘어갈 수 있습니다.
소형 웹게임 대표
기억력·매칭 게임
카드 수, 성공 조건, 결과 화면을 선명하게 고정해 짧게 완성한 소형 웹게임입니다. 큰 시스템 없이도 사용자가 몇 번씩 다시 눌러볼 수 있는 반복 플레이를 만들 때 적합합니다.
프로토타입 대표
보드게임형 웹게임
보드판, 주사위, 이동 규칙처럼 말로 설명하기 긴 부분을 브라우저에서 먼저 눌러볼 수 있게 만든 데모입니다. 회의나 제안서에서 핵심 루프가 작동하는지 확인하는 용도로 적합합니다.
점수 저장 확장 대표
학습·훈련형 웹게임
반복 입력 훈련처럼 기록과 재도전이 중요한 게임입니다. 입력 판정과 점수 계산을 먼저 잡고, 교육 운영에 필요하면 사용자별 기록과 랭킹까지 이어갈 수 있습니다.
핵심 서비스
서비스 이름보다 먼저, 누가 플레이하고 어떤 장면을 끝까지 눌러야 하는지부터 봅니다. 저장과 관리자는 게임 결과를 어떻게 써야 하는지 정해진 뒤 붙습니다.
제품 설명, 서비스 온보딩, 내부 교육을 읽히는 페이지가 아니라 직접 눌러보는 화면으로 바꿉니다. 시작, 플레이, 피드백, 결과 화면이 필요한 프로젝트에 맞습니다.
제작 가능한 화면 보기교육 자료를 끝까지 보게 만들고, 점수나 수료 여부를 확인해야 할 때 적합합니다. 문항, 해설, 재응시, 결과 다운로드까지 교육 운영 기준으로 봅니다.
교육용 게임 보기큰 시스템은 필요 없지만 짧게 플레이할 완성된 게임이 필요할 때 만듭니다. 퀴즈, 카드 매칭, 타이밍 게임처럼 핵심 룰이 분명한 화면을 빠르게 구성합니다.
소형 제작 기준 보기회의, 제안, IR, 내부 검토에서 말로 설명하기 어려운 아이디어를 플레이 가능한 URL로 보여줍니다. 그래픽 완성도보다 핵심 루프 검증이 먼저인 경우에 맞습니다.
데모 제작 보기저장과 관리는 목적에 맞춰 붙입니다. 먼저 어떤 게임을 만들지 정하고, 운영자가 결과를 봐야 할 때 점수, 수료자 목록, 랭킹, CSV, LMS 연동을 서버와 관리자 화면으로 이어 붙입니다.
저장·관리자 기준 보기비용 기준
VAT 별도 참고 시작가입니다. 같은 퀴즈라도 결과만 보여주고 끝나는 경우와 점수 저장, 관리자 다운로드, LMS 연동까지 들어가는 경우는 견적이 다릅니다. 그래픽과 사운드를 새로 만들거나 고객사 서버에 배포해야 하는지도 먼저 확인해야 합니다.
룰 하나, 화면 적게, 빠르게 열 수 있는 퀴즈·퍼즐·카드 게임입니다. 점수 저장이나 랭킹이 붙으면 서버 작업이 추가됩니다.
문항, 피드백, 점수, 수료 화면이 있는 학습용 게임입니다. 수료자 목록과 CSV가 필요하면 관리자 화면까지 봅니다.
설명서 대신 사용자가 직접 눌러보는 제품·서비스 게임입니다. 그래픽, 사운드, 제품 페이지 삽입 조건에 따라 달라집니다.
제안서, IR, 내부 회의에서 바로 보여줄 핵심 플레이입니다. 상용 운영, 전체 레벨, 데이터 저장은 후속 범위로 봅니다.
작은 예산으로 시작할 때는 기존 원고·디자인 활용, 화면 수 축소, 저장 기능 분리처럼 우선순위를 먼저 정합니다.
비용 기준 더 보기진행 방식
신뢰 신호
교육 기관, 브랜드, 서비스 조직에서 쓰는 웹게임을 만들었습니다. 화면만 예쁜 샘플이 아니라 실제 브라우저에서 열리고 검수되는 결과물을 기준으로 작업합니다.
문의
처음에는 목적, 대상 사용자, 예산, 일정만 있어도 1차 판단이 가능합니다. 문항 원고, 이미지, 디자인 파일이 있으면 견적이 빨라지고, 점수 저장·관리자·외부 연동이 필요한지도 함께 적어주면 범위를 더 정확히 볼 수 있습니다.
소스코드, 회원 정보, 내부 API 문서 같은 민감한 자료는 공개 폼에 올리지 않아도 됩니다. 접수 후 별도 채널로 받겠습니다.
