FLOW
클릭 가능한 초안으로 합의 속도를 올립니다. 구현 전에 흐름을 검증합니다.
- IA메뉴 · 화면 · 상태
- PROTO와이어 · 프로토타입
- UI KIT컴포넌트 · 핸드오프
WHY NOW
개발 중에 바꾸면
비용이 크게 붙습니다
요구사항이 화면마다 다르면 구현과 QA가 반복됩니다. 일손AI는 사용자 시나리오와 정보구조부터 정리하고, 와이어·프로토타입으로 합의한 뒤 UI 키트와 핸드오프 스펙으로 개발에 넘깁니다.
SCOPE
05 items
- 01 시나리오 과업 · 에지 케이스
- 02 정보 구조 메뉴 · 화면 맵
- 03 와이어 레이아웃 · 우선순위
- 04 프로토타입 클릭 흐름 검증
- 05 UI 시스템 컴포넌트 · 핸드오프
THREE AXES
세 축으로 설계합니다
IA · 프로토타입 · 디자인 시스템. 시각만 올리지 않고 구현 가능한 단위로 맞춥니다.
WHY 일손AI
사용성과 구현을 같이
보기 좋은 시안만이 아니라, 반응형·접근성·터치 영역 같은 기본기를 설계에 포함합니다.
-
01
예쁨보다 흐름
사용자가 목표를 완수하는 경로가 짧고 명확한지가 첫 기준입니다.
-
02
재사용 단위
화면을 통째로 그리지 않고, 이후 기능 추가 비용을 줄이는 컴포넌트 단위로 설계합니다.
-
03
기획·개발과 연결
브랜딩 메시지와 개발 제약을 함께 보고, 핸드오프에서 해석 차이를 줄입니다.
PROCESS
이렇게 진행합니다
요구 정리 → IA → 와이어 → 프로토타입 → UI → 핸드오프.
-
01
요구·시나리오
핵심 과업, 사용자, 제약, 성공 기준을 정리합니다.
-
02
정보 구조
메뉴·화면·상태 맵을 그리고 용어를 통일합니다.
-
03
와이어프레임
우선순위와 레이아웃을 낮은 해상도로 합의합니다.
-
04
프로토타입
클릭 흐름으로 검증하고 피드백을 반영합니다.
-
05
비주얼 UI
브랜드 가이드에 맞춰 화면과 컴포넌트를 시각화합니다.
-
06
핸드오프
스펙·상태·간격을 전달하고 구현 Q&A를 지원합니다.
FIT CHECK
도입 전에 함께 보는 기준
잘 맞는 경우
- 웹·앱·콘솔을 새로 만들거나 개편하는데 화면 합의가 안 되는 경우
- 개발 중 수시로 레이아웃이 바뀌어 일정이 밀리는 경우
- 디자인 시스템·컴포넌트 기준으로 확장하고 싶은 경우
다시 생각해 볼 경우
- 이미 확정된 시안 코딩만 필요한 경우
- 사용자·과업 정의 없이 예쁜 메인 이미지만 원하는 경우
- 프로토타입 없이 최종 비주얼만 한 번에 받으려는 경우
일손AI
화면 흐름, 어디부터 그릴까요?
만들려는 제품(웹/앱/콘솔)과 핵심 과업을 알려 주시면, UI/UX 범위부터 제안드립니다.