MENU

PORTFOLIO This is process of making my portfolio
Portfolio Process
전체적으로 심플하면서도 사용자의 편의를 우선으로한 레이아웃으로 고려해 디자인하였고,
전반적인 내용은 메인 페이지에서 확인 할 수 있도록 했으며, 포트폴리오 프로세스 상세페이지에서는
이젠 컴퓨터 아카데미 학원에서 6개월간 배운 내용을 바탕으로 제작한
포트롤리오를 담은 제작 과정을 소개하였습니다.
Brainstorming
브레인스토밍을 통해 포트폴리오를 주제로
다양하게 그려보았습니다.
Mind Map
브레인스토밍에서 다양한 모습을 그려낸 후
마인드 맵을 통해 그룹화시켜 보았습니다.

브레인스토밍

마인드 맵

Image Board / Idea Sketch
사용자의 편의와 사용성을 고려해 전체적인 페이지 레이아웃이 한 눈에 들어올 수 있도록 제작하였습니다.
Wireframe
와이어 프레임을 통해 전체적인 포트폴리오의 레이아웃을 감상하실 수 있습니다.

Information Architecture
전체적인 흐름을 파악 할 수 있도록 정보구조를 설계하였습니다.

Flow Chart
사용성과 서비스 구성의 정리를 위한 플로우 차트를 설계했습니다.

Style Guide
Web Site Identity
포트폴리오의 분위기를 따뜻함을 강조함으로써 브라운과 베이지 계열의 컬러를 사용했습니다.
직관적이고 편리한 레이아웃에 디자인하였고, 전반적인 내용을 메인 페이지에서 확인 할 수
있도록 디자인 하였으며, 포트폴리오 프로세스 페이지에 NCS 과정을 담아 수료과정과
포트폴리오의 전체 기획부터 제작 단계까지 자세하게 확인 하실 수 있습니다.

01. Color Palette

  • #2E2E2E

  • #EDE7E3

  • #F5F1ED

  • #B09582

02. Typo

  • 전체적인 포트폴리오 레이아웃에 어울리고 영문을 사용할때
    영문이 눈에 잘 들어오고 읽히는 폰트로 사용하였습니다.
  • 한글 폰트는 읽기 편한 폰트로 가장 대중적으로 많이 사용되는
    글씨체를 사용하였습니다.
  • Playfair Display
    DM Serif DisplayEnglish
  • Noto Sans KR 한글