01 / Context
무엇을 해결할 것인가.
조경 상담 전에 자신의 취향과 원하는 배치를 구체화하기 어렵습니다. 배치와 공간을 직접 다뤄보며 디자인 방향을 탐색할 수 있는 접점이 필요합니다.
사용자가 직접 정원을 배치하거나 간단한 게임과 성향 테스트를 경험하며 브랜드에 접근하는 웹 실험 모음.
02 / Direction
프로젝트를 바라본 방향.
상담 이전에 정원 배치, 공간 탐색과 성향 테스트를 제공했습니다. 결과를 확인한 뒤 AI 정원 서비스로 이어지도록 연결했습니다.
03 / Experience
사용자의 다음 행동을 설계하다.
놀이터 허브 → 배치·3D·성향·게임 → 저장/결과 → AI 정원 링크.
04 / Making
경험을 실제 시스템으로.
HTML·CSS·JavaScript로 개별 체험을 구성했습니다. Canvas 게임과 Three.js 공간에 모바일 입력과 브라우저 저장을 연결했습니다.
JavaScriptCanvasThree.jslocalStorage
05 / In detail
구현의 디테일.
- 정원 배치와 PNG 저장
- Plant Papa Craft 3D 공간 탐색
- 정원 성향 테스트
- 번개버섯 뒤집기·가든 솔리테어·가든 블록
- 브라우저 내 배치 저장
- AI 정원 서비스 연결
06 / Intelligence & automation
인터랙션과 자동화.
배치 도구와 게임은 브라우저의 입력·렌더링 규칙으로 동작합니다. 배치 결과를 이미지로 저장할 수 있으며 정원 이미지 생성은 별도 AI 서비스로 연결합니다.
07 / Outcome
그래서, 가능해진 일.
정원 배치, 3D 공간, 정원 성향 테스트와 세 가지 웹게임을 하나의 허브에 구성했습니다.
프로젝트 직접 보기 ↗08 / Continuity
만든 이후의 시간까지.
정적 이미지와 콘텐츠를 갱신하고 게임의 모바일 입력과 3D 성능을 점검합니다. 일부 게임의 랭킹 API 연결을 별도로 관리합니다.