로고

PROCESS OF

PORTFOLIO

포트폴리오

DYNAMIC

TYPOGRAPHY

BOLD

퍼블리셔&프론트엔드 취업을 위한 웹 포트폴리오 사이트입니다. 지원자의 개성을 표현하기 위해 영상 포맷과 과감한 타이포그래피 오브젝트를 사용, 다양한 인터렉션을 구현하여 역동감을 주었습니다.

PROGRAM VISUAL STUDIO CODE
PHOTOSHOP
ILLUSTRATOR
ADOBE XD

DATE 2023.02 - 2023.03

UIUX PROCESS

HOW I WORKED

UIUX
PROCESS

  • Brainstorming

    UI/UX 컨셉 기획을 위해 주제 브레인스토밍하여 어피니티 다이어그램을 작성하였습니다.

  • Mindmapping

    키워드 구성을 위해 마인드맵을 작성, 팀별 회의를 통해 컨셉트를 기획했습니다.

  • Information Acrchitecture

    정보구조도를 설계하였습니다.

  • Research

    아이디어 스케치를 바탕으로 페이지별로 디자인과 인터렉션을 참고할 레퍼런스를 탐색했습니다.

  • Concept & Idea Sketch

    컨셉에 맞게 페이지별 아이디어 스케치했습니다.

UI STYLE GUIDE

FOR WEB PORTFOLIO

SYMBOL

로고의 첫글자를 딴 심볼 아이콘입니다.
포트폴리오 컨셉의 아이덴티티를 살려
음표 모양으로 각색하였습니다.

PARAGRAPH

COLOR PALLETE

FONTS

WIRE FRAME

ADOBE XD 프로그램으로 작성하였습니다.

CODING & TEST

사용성 테스트를 거쳐 아래 사항을 보완하였습니다.

- 정보 중요도에 따른 폰트 크기 조정
- 동영상 포맷 변경으로 로딩 속도 개선