이력서 웹사이트 디자인

이력서 웹사이트 안의 두 가지 읽기 경로

Tom Goodman의 이력서 웹사이트는 전문 프로필을 두 개의 연결된 문서로 구성합니다. 왼쪽에는 경력을 전통적인 방식으로 서술하고, 오른쪽에는 지원자 대시보드를 배치합니다. 다섯 개의 번호 섹션이 메인 칼럼을 구성하며, 어두운 톤의 사이드바는 추가적인 경력 서술 대신 바 차트, 수치, 업무 배분 차트를 사용합니다.

이 대비는 이력서를 훑어보는 방식을 바꿉니다. 직책명과 날짜가 시간적 흐름을 제공하고, 사이드바는 빠르고 정량적인 개요를 제공합니다. 여기서 유용한 질문은 대시보드가 이력서보다 더 인상적으로 보이는가가 아닙니다. 각 표시 방식이 인접한 텍스트에서 전달하지 못하는 내용을 전달하는가가 핵심입니다.

다섯 개의 역량 바가 실제로 전달하는 것

역량 패널에는 88에서 96 사이의 점수를 가진 다섯 개의 레이블 바가 있습니다. 왼쪽에 레이블, 오른쪽에 수치가 위치하며 채워진 바가 그 아래에 표시됩니다. 밝은 초록색이 각 수치를 채움 정도와 연결하고, 어두운 격자 배경이 공통 기준을 제공합니다.

01

수치가 8점 범위 안에 집중됨

Product Design은 96, Design Systems는 94, Rapid Prototyping은 93, Motion & Storytelling은 88, Agent Orchestration은 91입니다. 100점 기준 바에서 가장 짧은 바도 거의 가득 찹니다. 시각적으로는 폭넓은 역량과 일관되게 높은 평가를 강조하지만, 기술 간의 유의미한 차이는 잘 드러나지 않습니다.

02

순서와 길이가 서로 다른 이야기를 전달함

바는 점수 순으로 정렬되지 않습니다. Agent Orchestration(91)이 Motion & Storytelling(88) 다음에 나옵니다. 순서는 따라서 순위가 아닌 역량 목록입니다. 읽는 사람이 강점을 비교해야 한다면 명확한 정렬 순서를 선택하고 수치가 무엇을 측정하는지 설명하세요.

경력 아래에 배치된 4칸 결과물 그리드

선별된 결과물은 테두리 있는 2×2 그리드에 네 가지 아티팩트 카테고리를 압축합니다. 각 셀은 짧고 굵은 카테고리명에 이어 작은 크기의 설명을 사용합니다. 이는 개별 프로젝트의 갤러리가 아닌 간결한 결과물 색인입니다. 네 개의 레이블 중 특정 의뢰받은 케이스를 명시하는 것은 없습니다.

화면과 종이에서 이력서 읽기

이 OpenDesign 해커톤 공식 예시는 단순한 인쇄 버튼을 넘어 별도의 인쇄 처리를 포함합니다. 소스에서는 여러 치수를 밀리미터로 전환하고, 초상화 크기를 27×32mm로 줄이며, 액션 컨트롤을 숨기고 선택 핸들을 제거합니다. 이러한 변경 사항은 인쇄 뷰가 별도의 구성으로 의도되었음을 보여줍니다.

이 이력서 레이아웃을 사용하기 전에 확인할 사항

Tom Goodman은 가상의 프로필이며, 경력 세부 사항, 커뮤니티 수치, 기술 평점은 모두 샘플 콘텐츠입니다. 이 페이지는 이력서 레이아웃과 인쇄 진입점을 보여줄 뿐, 검증된 개인 성과를 나타내지 않습니다. 유용한 패턴은 시간적 경력, 결과물, 뒷받침 근거를 분리하는 것이며, 실제 버전의 신뢰성은 세 가지 모두를 정확한 정보로 교체하는 데 달려 있습니다.