design-ux

주니어 웹 디자이너

이력서 예시

4.5 / 5

이 템플릿 사용하기

내 경력을 추가해 이 레이아웃을 나만의 이력서로 만드세요.

AI 채팅에서 이 템플릿 편집

AI와 함께 각 섹션을 다시 쓰고 맞춤화하세요.

서연 김

주니어 웹 디자이너

+1 (555) 987-6543

[email protected]

San Francisco, CA

linkedin.com/in/sophia-martinez

artstation.com/sm_webdesign

보유 기술

Adobe Photoshop, Figma, Sketch, Git, HTML/CSS, JavaScript, Responsive Design, UI/UX Design Principles

자격증

Google UX 디자인 전문가 인증

사용자 조사, 와이어프레임, 프로토타이핑, 사용성 테스트, 접근성을 고려한 디지털 제품 디자인 과정을 이수했습니다.

Adobe 공인 전문가 (ACA)

웹 그래픽, 이미지 준비, 레이아웃 제작에 필요한 Adobe 디자인 도구의 실무 기초를 입증했습니다.

경력 요약

인턴십, 프리랜스성 프로젝트, 포트폴리오 제작을 통해 실무형 경험을 쌓은 주니어 웹 디자이너입니다. Figma, HTML, CSS, 반응형 레이아웃, 접근성 기초, 디자인 피드백 반영에 익숙합니다. 시각 디자인 감각과 프론트엔드 기본기를 바탕으로 사용자가 이해하기 쉬운 웹 페이지를 만드는 데 집중합니다.

경력 사항

신입 웹 디자이너

09/2023

테크 코퍼레이션

미국 캘리포니아주 샌프란시스코

클라이언트 목업 준비 속도를 높이기 위해 재사용 가능한 웹 그래픽, 아이콘, 레이아웃 컴포넌트 제작

Figma와 HTML/CSS로 페이지 레이아웃을 다듬어 가독성, 여백, 모바일 일관성 개선

랜딩 페이지, 내비게이션 영역, 포트폴리오 페이지에 반응형 디자인 업데이트 적용

디자이너 및 개발자와 QA 리뷰를 진행하며 출시 전 시각적 불일치 수정

인턴 웹 디자이너

06/2021 - 08/2023

웹 디자인 에이전시 주식회사

미국 캘리포니아주 샌프란시스코

소규모 비즈니스 클라이언트를 위한 랜딩 페이지 섹션을 Figma, HTML, CSS, JavaScript로 디자인 및 구현

승인된 디자인을 개발자가 더 일관되게 구현할 수 있도록 재사용 UI 컴포넌트와 스타일 메모 작성

주니어 웹 디자이너

02/2024 - 12/2024

스타트업 솔루션즈 유한회사

미국 캘리포니아주 샌프란시스코

스타트업형 과제 프로젝트에서 제품 랜딩 페이지 콘셉트와 프로토타입 개발

40개 이상의 UI 요소에서 버튼 상태, 폼 간격, 모바일 브레이크포인트 개선

학력

이학 학사, 디지털 미디어 디자인

09/2013 - 05/2017

샌프란시스코 주립대학교

San Francisco, CA

프로젝트

반응형 포트폴리오 웹사이트

HTML5, CSS3, JavaScript로 크리에이티브 직무자를 위한 반응형 포트폴리오 사이트를 설계 및 제작하고, 프로젝트 카드, 모바일 내비게이션, 이미지 대체 텍스트를 구성했습니다.

artstation.com/sm_webdesign/portfolio-website

인터랙티브 사용자 인터페이스 프로토타입

온보딩 플로우를 위한 인터랙티브 Figma 프로토타입을 만들고, 가벼운 JavaScript 데모로 마이크로인터랙션과 레이아웃 동작을 테스트했습니다.

이 템플릿이 효과적인 이유

이 이력서 형식은 지원자 추적 시스템(ATS)에 잘 작동합니다. 왜냐하면 신입 웹 디자이너로서 소피아의 관련 경험과 기술을 명확하게 명시하는 포괄적인 요약이 포함되어 있기 때문입니다. HTML, CSS, JavaScript 및 UI/UX 디자인과 같은 특정 기술을 포함하면 ATS 알고리즘이 지원자의 자격을 쉽게 식별할 수 있습니다. 또한 ArtStation과 같은 플랫폼에 프로젝트 링크를 포함하면 그녀의 포트폴리오를 실제로 보여주어 채용 담당자가 그녀의 역량과 기여도를 이해하기 쉽게 만듭니다.

즉시 이력서 점수

주니어 웹 디자이너 이력서 점수 확인

이력서를 업로드하고 ATS 점수와 직무에 맞는 실용적인 개선점을 즉시 확인하세요.

  • 가입 필요 없음
  • 기본 비공개
  • 보통 30초 이내

이력서

여기에 이력서를 놓으세요
PDF, DOCX, TXT, 이미지 · 최대 20MB

파일은 비공개로 유지됩니다.

점수까지 한 단계

이력서를 추가하면 무료 점수와 우선순위별 수정 사항을 확인할 수 있습니다.

이 이력서를 완성하는 방법

이 이력서를 완성하는 방법

각 섹션을 명확하고 지원 직무에 맞게, ATS에서도 잘 읽히도록 다듬는 실용적인 가이드입니다.

01

연락처

연락처

이름 성 | 지역 (시, 도) | 전화번호 | 이메일 주소 | LinkedIn 프로필 URL | 포트폴리오 URL (선택 사항)

작성할 때 꼭 챙길 점

연락처 정보는 채용 담당자가 가장 먼저 확인하는 부분입니다. 간결하고 전문적으로 유지하세요. 이메일 주소는 적절해야 합니다 (예: [email protected]). 전문적인 경력을 종합적으로 보여주기 위해 LinkedIn 프로필을 포함하세요. 창의적, 기술적 또는 디자인 직무의 경우 포트폴리오 또는 개인 웹사이트를 사용하는 것이 좋습니다.

피해야 할 표현

개인 정보 보호를 위해 상세한 집 주소(번지수/도로명)는 포함하지 마세요. 해당 국가에서 특별히 요구하지 않는 한 결혼 여부, 나이, 사진, 주민등록번호와 같은 개인 정보는 피하세요. 비전문적인 이메일 주소는 사용하지 마세요. 아티스트 및 디자이너의 경우 GitHub 링크 대신 ArtStation, Behance 또는 포트폴리오 사이트를 사용하세요.

실전 예시

연락처 정보를 효과적으로 작성하는 명확한 예시를 확인하세요.

좋지 않은 예

김철수 서울시 강남구 123-45번지 010-1234-5678 | [email protected] github.com/aliciacode 미혼, 28세

좋은 예

이수현 부산시 (010) 1234-5678 | [email protected] linkedin.com/in/suhyunlee | behance.net/suhyunlee

간단 팁

  • 전문적인 이메일 주소 사용 (이름.성 형식)
  • 음성 사서함이 설정되어 있고 전문적인지 확인
  • 전화번호와 이메일 주소에 오타가 없는지 다시 확인
  • LinkedIn URL을 사용자 지정 (linkedin.com/in/yourname)
  • 아티스트/디자이너 포트폴리오는 ArtStation 또는 Behance 사용

02

경력 요약

경력 요약

결과 중심의 [직무명] 신입으로, [핵심 역량/산업 분야]에 대한 [경력 연수]의 경험을 가지고 있습니다. [주요 성과]를 통해 입증된 실적을 보유하고 있습니다. [핵심 기술/역량]에 능숙하며, [타겟 산업/회사 유형]을 위한 [구체적인 가치] 제공에 전념하고 있습니다.

작성할 때 꼭 챙길 점

직무 요약은 당신의 엘리베이터 피치입니다. 3~5문장으로 당신의 경험, 핵심 역량, 주요 성과를 요약해야 합니다. 관련 키워드를 사용하여 채용 공고에 맞춰 작성하세요. 당신을 독특하게 만드는 것과 잠재적 고용주에게 제공할 가치에 집중하세요.

피해야 할 표현

'새로운 것을 배우고 경력을 발전시킬 도전적인 역할을 찾고 있습니다.'와 같은 일반적인 목표는 피하세요. 채용 담당자는 당신이 무엇을 원하는지보다 당신이 그들에게 어떤 가치를 제공하는지 알고 싶어합니다. 1인칭 대명사(나, 나의)는 사용하지 마세요. 간결하고 임팩트 있게 작성하세요.

실전 예시

약한 목표와 강한 직무 요약 비교

좋지 않은 예

목표: 저는 새로운 것을 배우고 경력을 쌓을 수 있는 신입 웹 디자이너 자리를 찾는 성실한 사람입니다.

좋은 예

인턴십, 프리랜스성 프로젝트, 포트폴리오 제작을 통해 실무형 경험을 쌓은 주니어 웹 디자이너입니다. Figma, HTML, CSS, 반응형 레이아웃, 접근성 기초, 디자인 피드백 반영에 익숙합니다. 시각 디자인 감각과 프론트엔드 기본기를 바탕으로 사용자가 이해하기 쉬운 웹 페이지를 만드는 데 집중합니다.

간단 팁

  • 가능하다면 성과를 수치화하세요 (예: '매출 20% 증가')
  • 가독성을 위해 5줄 이하로 유지하세요
  • 문장의 시작에 강력한 행동 동사를 사용하세요
  • 채용 공고와 일치하도록 요약을 맞춤 설정하세요

03

핵심 역량

핵심 역량

기술 스택 - 언어: [목록] - 프레임워크: [목록] - 도구: [목록] 소프트 스킬 - [스킬 1], [스킬 2], [스킬 3]

작성할 때 꼭 챙길 점

기술 스택을 논리적으로 그룹화하세요 (예: 언어, 프레임워크, 도구). 지원하는 직무와 관련된 기술 스택에 집중하세요. 숙련도 또는 관련성 순서대로 나열하세요. 소프트 스킬은 단순히 나열하기보다는 경력/프로젝트 섹션의 구체적인 내용을 통해 보여주는 것이 더 좋습니다.

피해야 할 표현

면접에서 편안하게 설명할 수 없는 기술은 나열하지 마세요. 기술 수준을 나타내는 진행률 표시줄이나 백분율(예: "Java: 80%")은 주관적이고 오해의 소지가 있으므로 사용하지 마세요. 특별히 요구되지 않는 한 오래된 기술은 포함하지 마세요.

실전 예시

기술 스택 작성에 대한 실제 예시 (하지 말아야 할 것 / 해야 할 것)

좋지 않은 예

Java: 75%, Python: 초급, Adobe Photoshop: 상급

좋은 예

HTML/CSS, JavaScript, React.js, Figma

간단 팁

  • 자신이 보유한 기술 스택을 별도로 나열하여 관련 기술에 대한 숙련도를 강조하세요.
  • 소프트 스킬은 경험/프로젝트 섹션의 구체적인 성과와 책임을 통해 보여줌으로써 우선순위를 정하세요.
  • 프로젝트에서 정기적으로 사용하는 최신 소프트웨어로 도구 목록을 업데이트하세요.
  • 웹 디자인 및 프론트엔드 개발과 직접적으로 관련된 기술에 집중하세요.

04

실무 경력

실무 경력

직무명 | 회사명 | 지역 월 연도 – 월 연도 - 행동 동사 + 상황 + 결과 (수치화) - [프로젝트]를 이끌어 [결과] 달성... - [팀]과 협력하여 [기능] 구현...

작성할 때 꼭 챙길 점

이력서의 핵심 부분입니다. 역시간순(최신순)으로 작성하세요. 각 항목은 강력한 행동 동사로 시작하세요. 단순한 직무 나열이 아닌 성과와 영향에 초점을 맞추세요. 수치를 사용하여 영향력을 수치화하세요(금액, 비율, 절약 시간, 영향받은 사용자 수 등). 경력 발전과 책임 증가를 보여주세요.

피해야 할 표현

"~을 담당함" 또는 "~하도록 지시받음"과 같은 수동적인 표현은 피하세요. 모든 일상적인 업무를 나열하지 말고, 중요한 기여와 측정 가능한 결과에 집중하세요. 해당 분야 외부의 채용 담당자가 이해하지 못할 전문 용어는 피하세요.

실전 예시

경력의 '잘하는 것'과 '못하는 것'을 보여주는 실질적인 예시

좋지 않은 예

프로젝트에 사용될 벡터 애셋을 만드는 것을 담당했으며, 이는 비용 절감에 도움이 되었습니다.

좋은 예

클라이언트 목업 준비 속도를 높이기 위해 재사용 가능한 웹 그래픽, 아이콘, 레이아웃 컴포넌트 제작.

좋지 않은 예

웹사이트 레이아웃을 개선하고 로딩 시간을 최적화했습니다.

좋은 예

Figma와 HTML/CSS로 페이지 레이아웃을 다듬어 가독성, 여백, 모바일 일관성 개선.

간단 팁

  • 각 항목을 강력한 행동 동사로 시작하세요. 예: 제작, 최적화, 구현, 협력
  • 가능하다면 숫자나 지표를 사용하여 성과를 수치화하세요.
  • 리더십 또는 팀워크 기술을 보여준 프로젝트를 강조하세요.
  • 단순히 책임만 나열하기보다 업무의 영향에 초점을 맞추세요.

05

학력

학력

학위명 | 대학교명 | 위치 취득 월 연도 – 취득 월 연도 - 관련 과목: [과목 1], [과목 2] - 수상/포상: [수상명] - 학점: X.X (3.5 이상인 경우)

작성할 때 꼭 챙길 점

가장 높은 학력부터 기재하세요. 관련 실무 경험이 많다면 학력 사항은 간략하게 작성합니다. 학점은 3.5 이상이거나 최근 졸업자일 경우에만 기재하세요. 관련 과목, 학업 프로젝트, 수상 경력, 리더십 경험 등을 강조하세요.

피해야 할 표현

대학교 학위가 있다면 고등학교 정보는 기재하지 마세요. 수강한 모든 과목을 나열하기보다 가장 관련성 높은 과목만 선택하세요. 해당 분야에서 나이 차별이 우려된다면 수십 년 전 졸업 날짜는 기재하지 마세요.

실전 예시

학력 사항에 대한 Do's and Don'ts 실제 예시

좋지 않은 예

문학 학사 | 샌프란시스코 주립대학교 | 캘리포니아주 샌프란시스코 2013년 9월 – 2017년 5월 - 수강 과목: 그래픽 디자인 입문, 타이포그래피, 시각 커뮤니케이션 등 - 학점: 3.4

좋은 예

디지털 미디어 디자인 학사 | 샌프란시스코 주립대학교 | 캘리포니아주 샌프란시스코 2013년 9월 – 2017년 5월 - 관련 과목: 웹 디자인 및 개발, 사용자 경험(UX) 디자인, 인터랙티브 미디어 - 수상/포상: 학장 명단

간단 팁

  • 학위명과 교육 기관명을 정확히 기재하세요.
  • 지원하는 직무와 관련된 과목만 포함하세요.
  • 고등학교 학력은 명문이거나 경력이 2년 미만인 경우를 제외하고는 생략하세요.
  • 웹 디자인과 관련된 수상 경력, 포상, 리더십 경험이 있다면 명시하세요.

06

프로젝트

프로젝트

프로젝트명 | 사용 도구/소프트웨어 - 무엇을 만들었고 어떤 목적이었는지 간략하게 설명 - 해결한 창의적인 과제 강조 - 포트폴리오 링크 (ArtStation, Behance, Vimeo, YouTube) 제공 (가능한 경우)

작성할 때 꼭 챙길 점

프로젝트는 실무 능력을 보여주기에 매우 효과적이며, 특히 경력이 없거나 직무 전환을 하는 경우 더욱 그렇습니다. 가능하다면 포트폴리오 링크(ArtStation, Behance, Vimeo, YouTube)를 포함하세요. 창의적인 능력과 목표 직무에 관련된 도구를 보여주는 프로젝트에 집중하세요.

피해야 할 표현

튜토리얼을 기반으로 한 단순한 작업물은 크게 발전시키지 않았다면 포함하지 마세요. 오래되거나, 불완전하거나, 지원하는 직무와 관련 없는 프로젝트는 피하세요. 도구만 나열하지 말고 무엇을 만들었고 왜 중요한지 설명하세요. 창의적인 직무에는 GitHub 링크 대신 포트폴리오 플랫폼을 사용하세요.

실전 예시

프로젝트의 좋고 나쁜 예시를 보여주는 실용적인 예시

좋지 않은 예

튜토리얼의 일부로 기본적인 HTML/CSS 페이지를 만들었습니다.

좋은 예

HTML5, CSS3, JavaScript로 크리에이티브 직무자를 위한 반응형 포트폴리오 사이트를 설계 및 제작하고, 프로젝트 카드, 모바일 내비게이션, 이미지 대체 텍스트를 구성했습니다.

좋지 않은 예

오래된 워드프레스 테마(2015년)를 사용하여 개인 블로그를 만들었습니다.

좋은 예

인터랙티브 애니메이션과 반응형 디자인 기능을 갖춘 UI/UX 프로젝트를 선보이는 현대적이고 역동적인 포트폴리오 사이트를 개발했습니다.

간단 팁

  • 실제 문제를 창의적으로 해결하는 능력을 보여주는 프로젝트를 선택하세요.
  • 지원하는 직무와 관련된 도구를 사용하세요. 요구되는 경우 HTML/CSS 및 JavaScript 숙련도를 강조하세요.
  • 채용 담당자가 작업물의 실제 예시를 볼 수 있도록 명확한 포트폴리오 링크를 제공하세요.
  • 개발 중 직면했던 어려움과 이를 어떻게 극복했는지 설명하세요.

자주 묻는 질문

이 역할에 대한 일반적인 질문과 이력서에서 이를 가장 잘 제시하는 방법.

포트폴리오, 인턴십, 프리랜스 또는 개인 프로젝트, 관련 수업, 디자인 도구, HTML/CSS 기초, 레이아웃이나 사용성 문제를 해결한 사례를 포함하세요.

디자인 작업, 사용한 도구나 상황, 개선 결과를 함께 쓰세요. 큰 수치가 없어도 더 나은 모바일 레이아웃, 명확한 내비게이션, 깔끔한 핸드오프를 보여줄 수 있습니다.

네. 웹 디자인에서는 시각적 판단력, 작업 과정, 완성된 웹 또는 UI 작업물을 직접 보여주는 것이 중요합니다.

Figma, HTML, CSS, 반응형 디자인, 접근성 기초, 타이포그래피, 레이아웃, 이미지 최적화, 개발자와의 커뮤니케이션이 특히 유용합니다.

채용 담당자에게 눈에 띄고 꿈의 직장을 얻으세요

ATS를 통과하고 채용 담당자에게 깊은 인상을 주는 AI 기반 이력서로 커리어를 변화시킨 수천 명의 사람들과 함께하세요.

지금 만들기 시작

이 템플릿 공유

면접 콜백을 2배로 늘리세요

직무 설명에 맞게 이력서를 맞춤화하는 후보자는 2.5배 더 많은 면접을 받습니다. 우리 AI를 사용하여 모든 지원서에 대해 즉시 자동으로 이력서를 맞춤화하세요.