확정 3안 구매 전 확인 3건

문을 열면 넓은 1200장이 먼저 보이는 배치

800 코트장은 문쪽, 1200 서랍장은 창쪽. 서쪽 벽 206cm에 200cm를 배치해 6cm를 남깁니다.

실측 · 방 266×206 계산 · 벽 여유 6cm 추정 · 천장 230cm

문에서 바라본 확정 3안 생성 이미지: 왼쪽 문쪽 800 코트장, 창쪽 1200 서랍장 — AI 배치 미리보기 분위기 확인용 · 시공·실측 증거 아님

같은 시점 비교

결정에 필요한 세 안만 남깁니다

전문 편집 도구와 전체 집 기능은 기본 화면에서 숨깁니다.

확정

1200 창쪽 · 800 문쪽

첫 시선이 정돈되고 코트장은 시야 가장자리

반전

800 창쪽 · 1200 문쪽

같은 수납량, 입구에서 넓은 장 측면이 강조됨

대안

1200 + 600 올서랍

서랍은 한 칸 늘지만 롱코트 여유가 사라짐

큰 개편안

하나의 복잡한 플래너를 두 가지 경험으로 분리

모나는 판단하고, 필요할 때만 편집실로 들어갑니다.

안 1

렌더 갤러리

가장 예쁘고 빠름

느낌 전달 강함
치수 신뢰와 수정 약함

권장

판단 화면 + 편집실

모바일 효용과 정확성의 균형

기본은 승인 흐름
SVG·3D·편집이 역할 분담

안 3

CAD 중심

기능은 가장 많음

전문 편집 강함
현재 모바일 과부하 반복

1확정안 한눈에생성 이미지 + 결론

2치수 검증접근 가능한 SVG

3공간 확인필요할 때만 Three.js

4구매 관문재고·배송·천장

모바일 기본

판단·공유

치수 확인

정밀 편집

데스크톱 편집실

판단·공유

치수 확인

정밀 편집

1차 · 작게

신뢰와 모바일 정리

실측·계산·추정·생성 이미지 라벨 분리
모바일 패널을 바텀시트로 축소
문 시점의 화면비별 자동 맞춤
3D 의류를 납작한 판에서 옷 실루엣으로 개선

2차 · 핵심

판단 화면 도입

확정안·비교·확인·편집 네 흐름
정확한 SVG를 치수 기준 화면으로 사용
현재 가격 대신 확인 날짜·판매 상태 표시
원클릭 공유와 복사 대체 동작

3차 · 확장

웹 효용 극대화

Three.js 지연 로드와 품질 단계
오프라인 PWA·복구 가능한 로컬 저장
저장 데이터 마이그레이션 회귀 테스트
정확한 3D 자산 확보 후에만 AR 검토

설계에 반영한 기준

IKEA · 모바일 캡처와 웹 편집 분리 Planner 5D · 2D/3D 역할 WCAG 2.2 · 조작 목표 크기 WAI-ARIA · 탭 키보드 패턴 web.dev · 반응성 기준 MDN · WebGL 성능 원칙 전체 출처 기록