10 Divi로 만든 이력서 웹 사이트

이력서는 인기 있는 개인 웹사이트 유형입니다. 잠재 고객과 고용주에게 귀하의 기술, 교육 및 경험을 소개하는 데 적합합니다. 다행히 상상력을 자극하는 데 도움이 되는 Divi로 만든 이력서 웹사이트가 많이 있습니다. 이 기사에서는 Divi로 만든 이력서 웹사이트의 10가지 예를 살펴보겠습니다.

업종에 관계없이 이력서 웹사이트는 동일한 유형의 정보를 제시하고 기능을 필요로 합니다. 이 10개 웹사이트에서 보여주듯이 동일한 유형의 정보를 제공하는 방법은 여러 가지가 있습니다. 또한 레이아웃, 색상, 글꼴, 연락처 정보, 포함할 정보 유형 및 표시 방법, 이미지, 효과, 탐색 등과 같은 웹 디자인 요소의 훌륭한 예입니다. 이러한 웹 사이트는 다음 Divi 이력서 웹사이트에 대한 아이디어.

이 10개의 웹사이트는 두 가지 범주에 속합니다. 이러한 범주 내에서는 특정 순서가 없습니다. 마지막에는 보너스도 있습니다. 무료 이력서 레이아웃은 Divi로 자신만의 이력서 웹사이트를 만드는 데 도움이 됩니다. 한 번 보자…

이력서 사이트

이러한 웹 사이트의 경우 사이트 자체가 이력서입니다. 일부에는 여러 페이지가 있지만 대부분은 다른 정보가 없는 한 페이지 사이트입니다.

1. 웰던 펄츠

Weldon Fultz는 사이트 전체에 흙색조 색상과 큰 활자체 및 충분한 여백을 사용합니다. 클릭 가능한 텍스트는 마우스 오버 시 그림자 효과가 있는 버튼이 됩니다. 관련 키워드를 표시하기 위해 스크롤에 큰 텍스트가 나타납니다. 스킬은 아이콘에 대한 큰 블록이 있는 막대 차트 내에 표시됩니다. 수상은 클릭할 수 있고 호버 효과를 사용합니다. 이 사이트는 색상과 타이포그래피를 훌륭하게 사용합니다.

웹사이트 보기

2. 잭 맥도웰

Jack McDowell은 Hello 자식 테마를 사용하고 연락처 CTA 및 소셜 팔로우 버튼과 함께 시네마그래프를 배경 헤더로 표시합니다. 내 소개 정보는 페이지의 왼쪽 1/3에 진한 파란색으로 표시되는 반면 페이지의 나머지 부분은 황갈색 배경에 타임라인 내에서 이력서 정보를 표시합니다. 섹션은 직업 / 기술, 학교 / 수상으로 나뉘며 다운로드 CTA로 끝납니다. 프로젝트는 전체 너비 포트폴리오 그리드와 전체 화면 슬라이더, 섹션 구분 기호가 있는 전체 화면 평가 슬라이더 내에 표시됩니다. 문의 양식은 사이트의 브랜드 색상을 사용합니다.

웹사이트 보기

3. 안드레 코스타

Andre Costa는 이력서를 작성하기 위해 다중 페이지 접근 방식을 사용합니다. 홈페이지는 그라데이션 배경에 로고와 전체 화면 메뉴를 여는 햄버거 메뉴 아이콘을 표시합니다. 경력 및 교육 정보는 구분을 돕기 위해 황갈색 및 연보라색 배경색이 포함된 큰 섹션 내 텍스트로 자체 페이지에 표시됩니다. 기타 정보는 클릭 가능한 팝업 모달 내에서 제공됩니다. 교육은 우아한 막대 차트로 표시됩니다. 교육 페이지에는 과거, 현재 및 미래 교육에 대한 클릭 가능한 카드가 포함되어 있습니다.

웹사이트 보기

4. 도모니크 바울

Domonique Baul은 배경 이미지, 이름 및 태그라인과 함께 Hello 자식 테마를 사용합니다. 프로젝트는 필터링 가능한 포트폴리오에 표시됩니다. 다음은 화면 왼쪽 1/3에 사진이 있는 섹션으로 기술을 표시하기 위한 정보 및 막대 차트에 대한 정보가 있습니다. 직업, 기술, 학교 및 수상은 Git Hub, LinkedIn 및 다운로드 가능한 이력서 링크에 대한 큰 아이콘으로 이어지는 오른쪽 2/3에 표시됩니다. 문의 양식은 배경 이미지 위에 표시됩니다.

웹사이트 보기

5. 데이비드 서머플렉

David Somerfleck은 두 개의 CTA 버튼이 있는 파란색 오버레이 뒤에 전체 화면 비디오를 표시합니다. 스크롤하면 사이트의 다양한 섹션에 대한 탐색으로 4개의 큰 아이콘이 표시됩니다. 평가는 토글 및 평가 모듈로 표시됩니다. 이력서 정보는 배경 비디오 위에 배치되는 정보, 교육 및 과외 활동에 대한 토글에도 표시됩니다. 기술은 원형 차트에 표시됩니다. 사이트는 메뉴가 아닌 점 탐색을 사용합니다. 회사는 큰 아이콘으로 표시되고 프로젝트는 프로젝트 슬라이더 내에 표시됩니다. 더 큰 프로젝트는 스크롤할 때 사이트 하단의 2열 섹션에 나타납니다.

웹사이트 보기

이력서가 있는 사이트

이 사이트는 이력서를 웹사이트 내의 단일 페이지로 포함합니다.

6. 아만다 브로멜

Amanda Broomell은 전체 화면 이미지 슬라이더를 웹사이트로 사용합니다. 메뉴는 화면 하단에 배치됩니다. 메뉴 항목 중 하나를 클릭하면 모달 창 내에서 해당 정보가 열립니다. 또한 메뉴 내에 Twitter 아이콘이 포함되어 있으며 예상대로 그녀의 Twitter 피드로 이동합니다. 이력서는 탭 안에 표를 표시합니다. 첫 번째 탭 세트에는 연극, 교육, 기술 및 이력서 다운로드를 위한 아이콘이 포함됩니다. 극장 탭에는 New York 및 International 테이블에 대한 탭이 있습니다. 이미지는 배경에서 계속 미끄러집니다.

웹사이트 보기

7. 롤프 리버버스

Rolph Lieverse는 다양한 모듈을 사용하여 서로 다른 섹션 내에서 이력서 항목 각각을 표시하고 이력서 구조를 따릅니다. 요약은 평가 모듈 내에 배치됩니다. 작업 경험은 정보가 글머리 기호로 표시되는 수직 탭을 사용하여 탭 모듈 내에서 제공됩니다. 교육 및 인증은 토글 내에 제공됩니다. 기술은 배경 이미지 위에 막대 차트로 표시되고 섹션 구분 기호가 있는 배경 이미지 위에 원형 차트 내의 언어가 표시됩니다. 취미는 하단의 글머리 기호 안에 나열됩니다.

웹사이트 보기

8. 해리스 시즈믹

Haris Cizmic은 섹션을 사용하여 이력서 구조를 구축합니다. 한쪽에는 수상 및 회사 아이콘이 표시되고 다른 한쪽에는 링크가 표시됩니다. 다음은 요약, 교육 및 관심 분야에 대한 업무 경험, 상자 안, 영예 및 상이 포함된 섹션입니다. 각 섹션은 흰색 텍스트가 있는 검은색 머리글로 사용되는 전각 텍스트 상자로 구분됩니다. 정보는 간단하면서도 읽을 수 있는 목록으로 제공됩니다. 아이콘은 여러 섹션과 겹칩니다.

웹사이트 보기

9. 마르완 살피티

Marwan Salfiti는 주황색 섹션 제목 아래 글머리 기호 안에 이력서 항목을 나열합니다. 요약은 더 큰 글꼴로 표시되며 전체 텍스트 영역에 걸쳐 표시됩니다. 다음 텍스트 섹션은 두 개의 열로 나뉩니다. 왼쪽 열은 2/3 열 안에 글머리 기호와 긴 설명을 표시하고 오른쪽 열은 1/3 열 안에 간단한 글머리 기호를 표시합니다. 간단하고 깨끗하며 읽기 쉽습니다.

웹사이트 보기

10. 켈리 산티아고

Kellee Santiago는 사진이 있는 정보 섹션으로 시작하고 브랜드 색상이 있는 3개의 CTA 버튼을 포함합니다. 버튼은 프로젝트, 경험 및 문의 양식에 연결됩니다. 다음은 굵은 제목의 제목과 동일한 빨간색 브랜드의 링크를 포함하는 정보가 있는 요약된 이력서입니다. 이력서는 요약되어 있지만 깨끗하고 단순하며 잠재적 고용주가 결정을 내릴 수 있을 만큼 충분한 정보를 보유하고 있습니다.

웹사이트 보기

Divi로 이력서 웹사이트 만들기

우아한 테마에는 나만의 이력서 웹사이트를 만드는 데 사용할 수 있는 무료 레이아웃이 있습니다. 단일 페이지 사이트를 만들고 잠재적 고용주에게 사진, 읽기 쉬운 이력서 및 프로젝트 링크를 제공하는 세 가지 레이아웃이 제공됩니다.

무료 레이아웃 보기

마무리 생각

이 10개의 Divi 사이트와 1개의 무료 레이아웃은 이력서 웹사이트의 좋은 예입니다. 레이아웃, 색상, 글꼴, 이미지, 연락처 정보, 포함할 정보 유형, 이력서 표시 방법, 탐색, 효과 등에 대한 영감이 필요하든 다음 Divi 디자인에 도움이 될 만한 것이 분명히 있습니다. 웹사이트를 재개합니다.

우리는 당신의 의견을 듣고 싶습니다. 이 이력서 디자인 중 가장 마음에 드는 것은 무엇입니까? 의견에 알려주십시오.

hvostik/Shutterstock.com을 통한 추천 이미지