PRODUCT DESIGNER/Daily 🫧

[Day 18] 디자인 프로세스 & 베리언트 실습 2

honyonii 2025. 10. 7. 22:51
📍목차
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