본문 바로가기
UIUX 스쿨 33기/학습일지

[ZB UIUX스쿨] 6주차 학습일지

by kaontti809 2025. 1. 6.
728x90
UX/UI 포트폴리오 디자인 - UX

 

1. 포트폴리오의 목적

포트폴리오는 누구에게 왜 보여줘야 하나?

 

서류전형 - 1차면접 - 2차면접 - 최종합격

  • 우리는 첫 번째 관문인 서류전형을 통과해야 하고, 실무관계자에게 1차 면접을 보고싶게끔 어필해야한다.
  • "수많은 지원자 속에서 '나'를 매력적이게 하여 보고싶게끔 만들어야 한다."

포트폴리오 :

일종의 '나'라는 상품을 팔기위한 마케팅 수단.

목표 기업의 비즈니스 및 문화와 Fit함을 어필,

  • 경력 - 나만의 강점(역량)과 실무 경험 어필
  • 신입 - 아직 실무 경험이 없기에, 기본기 및 업무 수행 능력 + 창의성(문제해결능력)

>> 나의 차별화되는 디자인 역량과 경험을 장표로 표현

 

자기소개서 :

함께 기업에게 나의 역량을 최대한 어필해야 함

>> 나의 차별화된 경험을 문장 형태로 표현

 

목표(Goal)

  • 기본기 및 업무 수행 능력
    • UX/UI 디자인 방법론에 대한 이해 (1차 발산과정)
      • 포트폴리오 주제 선정 및 환경 분석 :
        시장 분석을 통해 거시적인 Needs와 Painpoint를 확인하고, 가설을 세운다.
    • UX/UI 디자인 퀄리티, 시각/편집 디자인 (2차 발산과정)
      • UX Concept, IA / Wireframe, 벤치마킹
        • 목표 : 문제를 해결할 새로운 컨셉을 설정한다.
          Tip. 컨셉 설정 시 시각적 메타포를 설정하면 좋다.
  • 창의성(문제해결능력)
    • 논리적 문제정의 (1차 수렴과정)
      • User Research와 Problem Definition :
        페르소나와 여정맵을 통해 더 세부적으로 들여다보고, 최종으로 문제를 정의
    • 창의적 개선/문제해결 (2차 수렴과정)
      • Design Guideline / UI Design
        • 목표 : 디자인 퀄리티를 보장된 UI 디자인을 한다.
          Tip. 목업이 들어간 디자인을 표현하면 임팩트가 커진다.
  • So..
    • 우리의 목표를 하는 사용자의 퍼소나와 그들의 니즈와 페인포인트를 점점 좁혀가며 정의
    • 정의된 문제를 해결했다 ! 를 시각적으로 보여줘야 한다.

 

포트폴리오에 담길 UX/UI의 논리 근거 마련

목표 = 논리적 문제 정의

 


2. 포트폴리오의 구조

 

  • (상단) Design Guideline
    • 컬러 + 폰트 + 아이콘
  • 컨셉
  • 개선 Keywords

 

UX/UI 포트폴리오 디자인 - UI

 

1. 포트폴리오 개요와 구성

  • 한 프로젝트 당 평균 4~7장 (8장은 안 넘는게 좋음)
  • 프로젝트는 평균 4~5개가 적당하다.
  • 전체 페이지는 30~35장 내외가 적당하다.
프로젝트의 첫 장은 어떻게 구성하는 게 좋을까?
  • 타이틀 영역
  • 보조설명 영역
  • 이미지 영역

2. Design 파트 구성하기

UI Design part는 어떻게 구성하는 게 좋을까?
  • 컨셉 등 디자인 개요 (1장)
  • 스타일 가이드(작업된 디자인의 규칙/룰을 통해 UI 디자인을 설명 - 1장) 
    • Color
    • Typography
    • Iconography
  • 실제 작업 화면 (+ Mock-up) (3 ~ 4장 + Flow)
    • Mock-up : 
      포트폴리오의 실재감을 주기 위해 사용하는 Device 예시 합성 소스 (Mobile/PC 등)
      • 최신 기종으로 찾기
      • UI Design과 어울리는 스타일 적용하기
        • 실사에 가까운 Style
        • 일러스트레이션 Style
        • Clay Style
      • Perspective view는 지양
        과도한 Prerspective view는 화면을 보여주기 어렵다. 
        >> 프로젝트 대표이미지로 활용 추천!

3. 포트폴리오 제출 전 확인하면 좋을 것들

  • 화질이 깨진 이미지는 없는지
    포트폴리오 퀄리티에 매우 큰 영향을 준다.
    >> 기본도 모르는 이미지를 줄 수 있으니 꼭 확인하기

  • 용량이 너무 크지는 않은지
    회사에 따라 제한 용량이 있기도 하고, 용량이 너무 큰 경우 열리지 않는 경우도 발생.
    >> PDF 용량 줄이는 사이트 이용 추천

  • 과도한 Emoji 사용 스타일
    Emoji를 적절히 사용하면 효과적인 꾸밈요소가 되지만, 요즘 너무 흔하게 사용되다 보니 Emoji 자체가 식상하게 느껴지기도 한다. (과하지 않도록 사용 권장)

  • 부담스러운 본인 사진 + 오글거리는 소개글
    Ex. 저는 00같은 디자이너입니다 등
    이력서를 함께 구성하는 경우, 부담스러운 본인 사진과 오글거리는 소개글은 마이너스가 되기도 한다.
    >> 사진을 사용할 경우 이력에 관한 글과 함께 담백하게 사용하기
  • 영어/한글 오타와 맞춤법 체크하기
    포트폴리오에 적은 영어/한글에 대한 오타 및 맞춤법 체크는 필수이다.
    >> 완성도 있는 포트폴리오를 위해 꼭 제출 전 확인하기
728x90