KEEB · 키 오더
기계식 키보드 구성기
GPT 6.1 Sol
5 · 디자인 사례
제품 구성기 디자인: 키보드, 신발, 맞춤 팔찌 사례
기계식 키보드, 수공 팔찌, 러닝화, 가구의 실제 구성기를 살펴 보세요. 옵션, 실시간 미리보기, 주문 요약이 어떻게 함께 작동하는지 확인하고 원본 브리프도 살펴 볼 수 있습니다.
주목할 점
시각적인 부분을 판단하기 전에 구성을 한 번 완료해 보세요. 옵션 간 종속 관계, 선택 피드백, 소재나 색상의 즉각적인 미리보기를 확인한 다음 최종 가격, 사양, 주문 요약이 서로 일치하는지 확인하세요.
설치 및 사용 가이드 →
knot 브레이슬릿 스튜디오
맞춤 수제 팔찌
GPT 6.1 Sol
Bu · Stride 3
러닝화 상품 페이지
GPT 6.1 Sol
Atelier Volders · 나뭇결과 장부
수제 가구 공방 웹사이트
GPT 6.1 Sol
DIAL
스마트워치 페이스 스토어
GPT 6.1 Sol
관련 가이드
시나리오 플레이북 · 웹사이트와 랜딩 페이지
웹사이트 및 랜딩 페이지 플레이북
카드 세 장으로 구성된 뻔한 AI 랜딩 페이지에서 벗어나 보세요. 히어로 상호작용을 구성하고 하나의 브리프로 여러 방향을 비교하며 1440px와 390px 뷰포트를 확인하는 방법을 알아보세요.
디자인 방법 · 나란히 비교하기나란히 놓는 디자인 방향 비교
하나의 HTML 보드에서 서로 다른 디자인 방향 3가지를 비교하는 것이 초안 하나를 두고 프롬프트를 반복하는 것보다 나은 이유를 알아보세요. Orvo, Atelier Volders, Fonderie Mercier의 다방향 시리즈를 살펴 보세요.
디자인 방법 · 실제 화면 블라인드 리뷰실제 화면 블라인드 리뷰
편집기에서 JSX와 CSS만 검사하면 레이아웃 버그를 놓치는 이유를 알아보세요. Oil UI가 1440px/390px 브라우저 스크린샷, 200% 크롭, 흐린 블록 검사, 블라인드 서브에이전트를 사용하는 방법을 소개합니다.