2주차 | 포트폴리오 방향성 수립 및 인사이트

https://www.dousanmiao.com 

 

장점 : 미니멀한 깔끔한 스타일과 포인트 색상, 보기 좋은 흐름, 셀프 브랜딩로고 삽입

특징 :

• 상단 네비게이션 바 : work, about, coaching, contact
• 상단 디자이너 소개 텍스트 
• 마우스 호버 인터렉션
• 다운로드 CV
• 사진
• 업무 영역
• 디자인 철학
• 코칭 및 후기 

 

https://williamle.design

 

 

장점 : 내용이 집중되는 레이아웃 및 컬러, 쉽게 이해되는 흐름, 셀프 브랜딩로고 삽입

특징 : 

• 상단 네이게이션 바 : work, about me, play
• 스크롤 내리며 프로젝트 이미지 카드 한눈에 확인
• 프로젝트 별 상세 설명이 잘되있음 : 프로세스 설명 
• 네이게이션 바 마우스 호버 인터렉션
• play창에서 한눈에 보이는 영상모음

 

적용할 부분 

1. 전체적인 디자인 방향

• 미니멀한 디자인: 깔끔한 레이아웃을 사용하여 콘텐츠에 집중
• 포인트 컬러 및 로고 활용: 브랜드 아이덴티티나 강조할 부분에 포인트 컬러를 적용
• 애니메이션 효과: 스크롤, 전환, 인터랙티브 요소 등 가능하면 적용

---

2. 콘텐츠 흐름 및 배치

• 명확한 네비게이션: 상단 메뉴 혹은 사이드바에 주요 섹션(소개, 디자인 철학, 프로젝트, 외부 링크 등)을 배치
• 시각적 계층 구조: 제목, 부제목, 본문 텍스트 및 이미지/그래픽 요소를 구분
• 반응형 디자인: 다양한 기기에서도 동일한 사용자 경험을 제공

---

3. 주요 섹션 구성

• 소개 (About Me):
  • 자신을 간단명료하게 소개하는 섹션으로, 전문 분야와 강점을 부각
  • 채용 담당자나 외부 관련 종사자가 빠르게 핵심 정보를 파악할 수 있도록 작성
• 디자인 철학 (Design Philosophy):
  • 자신만의 디자인 접근 방식, 가치관, 문제 해결 방법 등을 설명
  • 사례나 프로젝트와 연계해 자신의 철학이 실제 작업에 어떻게 반영되었는지 구체적으로 보여줌
• 프로젝트 및 작업물 (Portfolio Works):
  • 대표 프로젝트를 중심으로 작업 과정을 시각 자료(이미지, 동영상 등)와 함께 설명
  • 각 프로젝트의 역할, 사용 기술, 결과 및 성과를 명확하게 기술
• 외부 링크 연결 (External Links):
  • 채용 담당자 및 외부 관련 종사자가 참고할 수 있는 링크(LinkedIn, Behance 등)를 포함
  • 블로그 등 추가 신뢰도를 높일 수 있는 외부 자료를 연결

---

4. 추가 고려사항

• 콘텐츠 업데이트: 정기적으로 포트폴리오 내용을 업데이트하여 최신 프로젝트 및 기술 트렌드를 반영
• 사용자 피드백 반영: 사용자 및 전문가 피드백을 반영해 지속적으로 개선