김범준 / KKIGONConcept · Interaction · Prototyping
PLAYFUL
IDEAS
MADE REAL.
01 / Selected work

EXPERIMENTS
WITH A PULSE.

게임, 학습, 실시간 데이터. 서로 다른 출발점이지만 모든 프로젝트는 같은 질문에서 시작합니다. “이 아이디어, 직접 만져보면 어떨까?”

02 / 05Realtime multiplayer game

SUBWAY

서울 지하철역을 누구보다 빠르게 맞히는 멀티플레이 게임. 방장 이전과 입·퇴장 동기화 같은 실시간 대전 흐름을 다듬었습니다.

Systems iteration · Testing · Shipping

  • SUPABASE
  • REALTIME
  • JAVASCRIPT
View code
03 / 05Mobile learning tool

MNEMONICA

카드 마술의 Mnemonica Stack을 반복 학습하는 터치 중심 도구. 스와이프 카드, 시험, 오답 재노출과 선택 복습을 한 흐름으로 묶었습니다.

Product direction · Interaction · Deployment

  • MOBILE
  • LEARNING
  • GITHUB PAGES
Open app
04 / 05KSL learning prototype

수오링고

웹캠 랜드마크와 시퀀스 비교를 활용해 손동작에 점수와 피드백을 주는 게임형 한국수어 학습 프로토타입입니다.

Product concept · AI-assisted prototype

  • MEDIAPIPE
  • NEXT.JS
  • CAMERA
Try prototype
05 / 05Sheets-powered live system

LIVE RANK

공개 데이터가 업데이트될 때 중복 항목을 합산하고 순위를 다시 그리는 실시간 랭킹 경험. 정보가 바뀌는 순간까지 디자인의 일부로 다뤘습니다.

Concept · Data flow · Live deployment

  • GOOGLE SHEETS
  • LIVE DATA
  • CLOUDFLARE
02 / ProfileLearning in public

NEWNESS
MATTERS.
MAKING IT WORK
MATTERS MORE.

2026년, 첨단융합학부 1학년. 익숙한 입력 방식을 뒤집고, 배움에 게임의 리듬을 넣고, 떠오른 아이디어가 실제 화면에서 움직일 때까지 밀어붙입니다.

NowAdvanced Convergence StudiesFirst-year · 2026

프로젝트는 AI-assisted development와 함께 만들었습니다. 이 페이지는 ‘아는 척’의 목록보다, 실제로 방향을 잡고 시험하고 공개한 작업을 보여줍니다.

라임, 코발트, 코럴 소재가 하나로 이어진 입체 루프Pull the idea. Let it spring back.
05Selected builds
01Year in the program
Things left to try
03 / Working vocabulary

TOOLS FOLLOW THE IDEA.

선택한 프로젝트에서 실제로 사용하거나 탐색한 방식들입니다. 숙련도 순위가 아닙니다.

  1. 01Product concept
  2. 02Interaction direction
  3. 03Game systems
  4. 04Rapid prototyping
  5. 05AI-assisted development
  6. 06React / Next.js
  7. 07TypeScript / JavaScript
  8. 08Supabase Realtime
  9. 09MediaPipe
  10. 10Cloudflare
RHYTHM GAMES CARD MAGIC INTERACTIVE WEB LEARNING SYSTEMS ELECTRONIC MUSIC NEW INPUTS RHYTHM GAMES CARD MAGIC INTERACTIVE WEB LEARNING SYSTEMS ELECTRONIC MUSIC NEW INPUTS

Exploring now: electronic music with FL Studio + Serum 2