AI 분석
기존 사용 도구를 3x3 카드 그리드로 고르는 온보딩 단계와 프로젝트 관리 표 화면이 나란히 놓인 구성이다.
브라우저 목업 안에서 화면을 좌우로 나눠 왼쪽에는 온보딩 단계를, 오른쪽에는 결과 제품 화면을 겹쳐 배치한 스플릿 스크린 구성이다. 밝은 회백색 배경 위에 보라 계열 강조색 하나만 써서 선택된 카드의 테두리, 기본 버튼, 진행 표시 막대를 묶고 나머지는 무채색으로 눌러 두었다. 왼쪽은 둥근 사각 아이콘 타일과 서비스 이름·도메인 두 줄로 이뤄진 선택 카드 아홉 개, 채움 버튼과 외곽선 버튼의 위계, 하단 4단계 진행 인디케이터로 구성된다. 오른쪽 패널은 아이콘 전용 사이드바와 정렬 가능한 열 머리글, 진행률 막대, 우선순위 배지, 그라데이션 아바타가 들어간 고밀도 표를 보여준다. 온보딩 흐름과 실제 앱 화면을 한 장에서 함께 보여주는 마케팅용 제품 컷 구성의 참고로 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 21:20 · 신뢰도 0.92