📍목차
1. 디자인 프로세스
2. 킥오프 / 핸드오프
3. 컨포넌트, 베리언트 실습
1. 디자인 프로세스

① 시장조사
관련 시장의 브랜드 디자인 트렌드 등 시장조사를 통해 디자인의 논리적 근거 확보
② 컨셉 기획 및 제안 (킥오프)
레퍼런스 리서치를 통해 자료를 찾고 무드보드를 만들어 디자인 기획
클라이언트와 협력하여 기획을 바탕으로 컨셉 확정/제안
③ 디자인 기획 및 시안 (킥오프)
컨셉 기획안을 바탕으로 레이아웃 배열, 문구의 강약조절 등 시각적으로 좋아보일 수 있도록 디자이너 관점에서 기획
협의된 컨셉으로 시안을 제작하여 디자인 초안 완성
④ 디자인 시안 확정 (핸드오프)
이해 관계자들이 결정할 수 있도록 적당한 수의 디자인을 보여주고 설득 능력을 발휘하여 디자인 시안 확정
⑤ 디자인 수정 및 검토 (핸드오프)
디테일 수정 및 마지막 검수를 진행한다
2. 킥오프 / 핸드오프
| 킥오프 | 새로운 프로젝트 시작에서 처음으로 디자이너와 고객이 대면으로 회의 | 1. 컨셉 지정 2. 컬러 지정 3. 이미지 수집 |
| 핸드오프 | 디자이너가 작업물을 만들어 개발자에게로 연결을 전달하는 것 | 개발자에게 디자인을 잘 설명하고 전달해야한다. 1. 유저 플로우 설계 2. 화면별 유즈 케이스 서치 3. 반응형 레이아웃 |
* 화면별 유즈케이스 예시
: 로딩 / 비어있는 데이터 / 에러 / 성공 / 인터렉션 등
실습 1. 베리언트 활용 Property



실습 2
wwit, ui bowl, mobbin, pinterest, behance, dribbble 등 레퍼런스 사이트 참고하여 제작
- 디자인하며 생각해야할 것, 어떤 ui요소들이 들어가는지
→ 리뷰 작성자의 정보(닉네임, 작성일)등을 보여주어 신뢰도 상숭
→ 리뷰 참여 유도: 탭하여 리뷰 작성 버튼
→ 별 모양으로 시각적 요약
→ 별점 시스템 / 필터, 정렬 기능 / 개별 리뷰 카드 = UI 요소
- ux적으로 고객은 누구인가요?
→ 특정 제품이나 서비스를 구매하고 이용한 사용자
- 무엇을 구매했고, 왜 만족했나요
→ Planit이라는 플래너 어플
→일정이나 할 일을 월간 캘린더 속 해당 날짜에서 체크리스트로 관리할 수 있어서 완료한 일과 남아있는 일 구분 가능
(시각적으로 편함)
- 별점이나 1~10점 스타일의 평가가 포함되나요?
→ 5점만점으로 별점 표현 존재
*** testimonial과 user review 차이**
- 테스티모니얼: 기업이 마케팅을 위해 선별한 긍정적인 고객의 성공 사례
- 사용자 후기: 소비자가 자신의 경험을 자발적으로 공유하는 솔직한 의견으로, 긍정적, 부정적 내용이 모두 포함될 수 있다.
| 구분 | 테스티모니얼 (추천글) | 사용자 후기 (리뷰) |
| 목적 | 마케팅 및 광고 | 정보 공유 |
| 내용 | 긍정적이고 상세한 성공 사례 | 긍정적, 부정적인 솔직한 후기 |
| 통제권 | 기업이 선별하고 관리 | 기업 통제 불가(주로 제 3의 플랫폼) |

'PRODUCT DESIGNER > Daily 🫧' 카테고리의 다른 글
| [Day 20] 아토믹 디자인 & 디자인 시스템 (0) | 2025.10.08 |
|---|---|
| [Day 19] 디자인 프로세스 (0) | 2025.10.08 |
| [Day 17] 웹 & 베리언트 실습 (0) | 2025.10.07 |
| [Day 15-16] Figma advanced (0) | 2025.10.07 |
| [Day 13-14] Basic Figma (0) | 2025.10.02 |