Как составить резюме веб-дизайнера

Резюме веб-дизайнера должно за 20 секунд отвечать на три вопроса: по каким проектам вы работали, на каком этапе и с каким результатом по конверсии, удобству и срокам сдачи. Веб-дизайнера нанимают не за количество нарисованных экранов, а за то, чтобы сайт после запуска приносил заявки, пользователи не уходили с первых секунд, а верстка не переделывалась после сдачи.

Как это уложить в CV — дальше по блокам: контакты, «О себе», опыт, образование и навыки. В конце разберем сопроводительное письмо.

СОДЕРЖАНИЕ

Образец резюме КонтактыО себеОпыт работыОбразованиеHard skillsSoft skillsСопроводительное письмоЧастые вопросы

Образец резюме веб-дизайнера

Вместе с карьерными консультантами мы сформулировали простую формулу идеального резюме веб-дизайнера.

В базовый образец резюме веб-дизайнера стоит включить:

Личные данные: ФИО, город, формат (офис / гибрид), контакты, Telegram, Behance или Figma, LinkedIn, если профиль заполнен.Блок «О себе»: 3–4 предложения о макете сайта, Figma и цифре по заявке. Без штампов вроде «рисую красиво и креативна».Опыт работы: лендинг, магазин, передача в верстку — с заявками, правками и отказом на мобиле.Образование: факультет/направление (графический или коммуникационный дизайн), что собирали на практике.Курсы: Figma для веба — если есть учебный лендинг под три разрешения, а не только лекции.Hard skills: Figma, типографика, адаптив, UI-кит, прототип, ТЗ для верстки.Soft skills: сдать в верстку, услышать задачу заявки, срок макета, защита первого экрана.Создать резюме

Как заполнить контакты в резюме веб-дизайнера

Контакты нужны для одного: чтобы вам написали про макет и сразу открыли Figma или живую страницу. Пока на телефон не отвечают, а письмо падает на странный адрес, до верстки часто не доходят.

Что указывать в контактной информации?

Телефон — с кодом страны, по которому вы реально отвечаете в рабочие часы.Email — нейтральный адрес с именем и фамилией (например, polina.zaitseva.webd@…). Без кличек и года рождения.Мессенджеры — укажите ник, который выглядит профессионально. Пример: @polina_webd.

Когда уместны дополнительные ссылки?

Веб-дизайнеру портфолио в шапке обязательно: без рабочей ссылки анкету часто не дочитывают.

Behance, Figma или живой сайт: лендинг, магазин, корпоративная страница. Одна главная ссылка, а не три облака.LinkedIn — если профиль заполнен: город, опыт, не пустая должность. Это не резюме графического дизайнера: здесь сайт и заявка, а не упаковка в типографию.Город и формат: «Москва, офис / гибрид» — для отклика на вакансию это часто решающий фильтр.

Личные соцсети без макетов сайта лучше не указывать. Ленту сторис не ставьте вместо портфолио.

Если вы совмещаете учебу или сидите в другом часовом поясе, напишите, когда вам удобно выходить на связь. Пример: «На связи по будням с 10:00 до 19:00 по МСК».

Как заполнить блок «О себе» в резюме веб-дизайнера

Блок «О себе» стоит в начале резюме и отвечает, какие сайты вы уже доводили до верстки и заявки, еще до списка мест работы. Хватает трех-четырех предложений.

Что обычно входит:

контур: лендинг, магазин, корпоративный сайт;инструменты: Figma, адаптив, передача в верстку;результат: заявки с экрана, правки верстальщику, отказ на мобиле.

Формулировки вроде «рисую красиво и креативна» не отличают вас ни от кого. Лучше так: «Веб-дизайнер: собираю макет сайта под верстку и заявку, а не картинку для соцсетей. Работаю в Figma. Собрала лендинг: заявка с экрана выросла на 22%. Передала 14 макетов в верстку: правки «не сходится» сократила на 40%. Отказ на мобиле магазина минус 11%».

Это не резюме веб-разработчика с кодом, не графический дизайнер с тиражом и не UX/UI с интервью: здесь макет страницы, первый экран и форма.

Как веб-дизайнеру описать опыт работы

Этот блок показывает, какой сайт вы уже довели до верстки и чем это закончилось для заявки. Пишите задачу, действие и цифру. Перечень из должностной «создание макетов, работа в Figma, адаптив» мало что говорит.

Рекомендации:

Используйте активные глаголы: «собрала лендинг», «передала в верстку», «сменила первый экран», «сократила правки», «сделала адаптив».Подчеркивайте результаты в цифрах: рост заявок, число макетов в верстку, доля правок, отказ на мобиле.Давайте контекст: студия или in-house, лендинг или магазин, кто утверждает первый экран.Упоминайте инструменты: Figma, UI-кит, прототип, ТЗ для верстки, Tilda — если сами собирали.Отдельно выделяйте ключевые проекты: рост формы после смены героя, чеклист передачи, мобильный отказ.

Не ставьте в центр «рисовала баннеры» и «делала красиво». Здесь смотрят сайт под верстку и заявку. Не путайте с кодом фронтенда, с упаковкой и с исследованием сценария.

Неверно

Создание макетов сайтов. Работа в Figma. Адаптивный дизайн. Креативный подход.(Так не видно ни страницы, ни заявки, ни передачи в верстку. Это похоже на общую анкету дизайнера без веба.)

Верно

Собрала лендинг услуг: заявка с экрана выросла на 22% после смены первого экрана и формы. Передала 14 макетов в верстку: правки «не сходится с макетом» сократила на 40% чеклистом. Сделала визуал интернет-магазина: отказ на мобиле минус 11% при том же трафике.

Не стоит переживать, если нет опыта работы — резюме все равно можно собрать. Учебный лендинг, макет под три разрешения, практика передачи в верстку тоже входят в опыт, если описать их так же: задача, что сделали, что изменилось.

Что можно включить:

Проекты и стажировки: учебный лендинг, помощь с адаптивом, сборка в Tilda.Личные учебные работы: сайт записи — если можете показать «был шумный первый экран → после правки дошли до формы».Награды и сертификаты: курс Figma для веба — если по нему есть макет под верстку, а не только лекции.

Не пишите «нет опыта, рассмотрю любые предложения». Это не говорит ни о навыке, ни о том, что вы уже собирали страницу под заявку.

Неверно

Нет опыта работы. Знаю Figma и Photoshop. Креативная, быстро учусь, рисовала посты.(Эта формулировка не говорит ни о навыках, ни о том, что вы уже пробовали собрать макет сайта или отдать его в верстку.)

Верно

В учебном лендинге собрала первый экран, форму и три разрешения в Figma. Передала макет по чеклисту: верстка сошлась с первого круга, работу оставили как образец.

ОБРАЗОВАНИЕ

Образование подтверждает базу, но само по себе работу веб-дизайнеру не дает. В резюме хватает короткой строки.

Что указать:

вуз или колледж, факультет и годы учебы;что делали на практике: лендинг, сетка, адаптив, дипломный сайт;курсы по Figma для веба, если по ним есть учебный макет.

Работодателю нужнее страница с заявкой и чистой передачей, чем бренд школы. Диплом помогает, но откликаться можно и без громкого названия вуза.

А хотите, поможем с составлением резюме? Создали специальный конструктор, который за несколько минут структурирует информацию и оформит все данные в красивое CV. 

Создать резюме

HARD SKILLS

Hard skills в резюме веб-дизайнера показывают, какие сайты вы закрываете сами. Расписывать каждый пункт не нужно.

Figma: макет, компоненты, автолейаутТипографика: первый экран, иерархияАдаптив: десктоп, планшет, мобилаUI-кит: состояния кнопок и формПрототип: клик до формыТЗ для верстки: отступы, спеки, сеткаTilda: сборка, если сами собиралиРеференс и сетка: не «на глаз»

SOFT SKILLS

Soft skills напрямую влияют на то, уйдет ли макет в верстку — сверстают с первого круга или вернут «не сходится». Разберем, какими формулировками передать это в резюме.

Сдать в верстку без третьего кругаУслышать задачу заявки, а не «сделать красиво»Срок макетаЗащита первого экранаСпокойный разбор правок заказчикаСтыковать менеджера и верстальщикаСамоорганизация в пачке макетовВнимание к состоянию: ховер, ошибка формы, мобила

Что веб-дизайнеру писать в сопроводительном письме?

Письмо показывает то, что не влезает в строки опыта: почему вам этот сайт и какой похожий макет вы уже доводили до заявки. Хватает трех-пяти абзацев, около половины страницы A4.

Структура

Приветствие — по возможности адресное: «Добрый день, [имя рекрутера]».Краткое представление — кто вы, какие сайты уже собирали, 1–2 цифры (заявки, правки, мобила).Почему вам интересна именно эта вакансия и компания — макет под верстку, а не посты и не исследование сценария.Какой вклад вы можете внести — какой тип сайта готовы взять в первые недели и какой результат уже давали похожей студии.Контакты, ссылка на портфолио и готовность созвониться.

Тон

Само письмо тоже образец того, как вы защищаете первый экран. Канцелярит и история «я с детства рисую» здесь не работают. Для арт-директора игривый тон уже оценка.

Не копируйте резюме. Если ищут лендинг и верстку, первым поставьте заявки и чеклист передачи, а не «рисовала красиво». Коротко покажите, что уже поняли задачу: услуги, магазин, есть ли адаптив. Упомяните ограничения, с которыми умеете работать: срок, правки заказчика, стык с верстальщиком.

Как сместить акцент под тип вакансии:

Для лендинга — первый экран, форма, рост заявок.Для магазина — мобила, отказ, карточка.Для корпоративного сайта — сетка, передача пачки макетов.Для Tilda — сборка, если сами собирали, а не «знаю конструктор».

Неверно

Добрый день! Я все умею и очень хочу у вас работать. Знаю Figma, рисую красиво, креативная. Резюме во вложении.(Письмо общее, не показывает ни сайт, ни заявку, ни зачем вы веб-дизайнеру, а не в графику или разработку.)

Верно

Добрый день, меня зовут Полина Зайцева, я веб-дизайнер. Собираю макеты в Figma под верстку: заявка с лендинга выросла на 22%, 14 макетов отдала без лишнего круга правок.Ваша вакансия заинтересовала меня сайтом под форму, а не картинкой для соцсетей и не упаковкой. Мне близка работа, где первый экран считают по заявкам, а макет можно сверстать без догадок.Готова созвониться и коротко показать, как чеклистом сократила правки верстке на 40%. С уважением, Полина ЗайцеваTelegram: @polina_webdpolina.zaitseva.webd@gmail.com+7 977 214-09-41

Кажется, на этом точно все. Обсудили основные составляющие хорошего резюме для веб-дизайнера — осталось только воспользоваться конструктором резюме, составить CV и начать строить топ-карьеру >>

Мы как всегда рядом, карьерная платформа Changellenge >>

Создать резюме

Частые вопросы

Сколько страниц должно занимать резюме веб-дизайнера? +

Одной страницы хватает, если опыт до 5–7 лет. Две уместны, когда запускали несколько сайтов и у каждого есть цифра: заявки, правки, отказ на мобиле. Портфолио лучше отдельной ссылкой, а не третьей страницей скриншотов.

Нужно ли добавлять портфолио к резюме веб-дизайнера? +

Да. Без рабочей ссылки на Figma, Behance или живой сайт резюме веб-дизайнера часто не дочитывают. Кладите 3–5 страниц с задачей и результатом: лендинг, магазин, передача в верстку. Посты и упаковку не подменяйте сайтом.

Как составить резюме веб-дизайнера, чтобы оно прошло ATS? +

Пишите простым текстом: без таблиц, колонок и иконок вместо названий навыков. Повторите формулировки из вакансии там, где это правда: Figma, лендинг, адаптив, UI-кит, передача в верстку. Ссылку на портфолио продублируйте строкой, не только кнопкой. Оставьте стандартные заголовки — Опыт работы, Навыки, Образование.

Нужно ли добавлять фотографию в резюме веб-дизайнера? +

В России фото не обязательно. Для веб-дизайнера важнее макет, Figma и цифра по заявке. Снимок имеет смысл, только если вакансия прямо просит или так принято в студии. Тогда берите нейтральный кадр.

Нужно ли адаптировать резюме веб-дизайнера под каждую вакансию? +

Да, если тип сайта разный. На лендинг первым поставьте первый экран и форму, на магазин — мобилу и отказ, на корпоративный сайт — пачку макетов и передачу в верстку. Портфолио тоже переставьте: не открывайте упаковкой вакансию про интернет-магазин.

{"@context":"https://schema.org","@graph":[{"@type":"WebPage","name":"Как составить резюме веб-дизайнера","url":"https://changellenge.com/article/rezyume-veb-dizaynera-shablon-s-primerami-zapolneniya/","primaryImageOfPage":{"@type":"ImageObject","url":"https://changellenge.com/article/rezyume-veb-dizaynera-shablon-s-primerami-zapolneniya/","width":1480,"height":2452},"mainEntity":{"@type":"Article","headline":"Как составить резюме веб-дизайнера","image":["https://changellenge.com/article/rezyume-veb-dizaynera-shablon-s-primerami-zapolneniya/"]}},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Сколько страниц должно занимать резюме веб-дизайнера?","acceptedAnswer":{"@type":"Answer","text":"Одной страницы хватает, если опыт до 5–7 лет. Две уместны, когда запускали несколько сайтов и у каждого есть цифра: заявки, правки, отказ на мобиле. Портфолио лучше отдельной ссылкой, а не третьей страницей скриншотов."}},{"@type":"Question","name":"Нужно ли добавлять портфолио к резюме веб-дизайнера?","acceptedAnswer":{"@type":"Answer","text":"Да. Без рабочей ссылки на Figma, Behance или живой сайт резюме веб-дизайнера часто не дочитывают. Кладите 3–5 страниц с задачей и результатом: лендинг, магазин, передача в верстку. Посты и упаковку не подменяйте сайтом."}},{"@type":"Question","name":"Как составить резюме веб-дизайнера, чтобы оно прошло ATS?","acceptedAnswer":{"@type":"Answer","text":"Пишите простым текстом: без таблиц, колонок и иконок вместо названий навыков. Повторите формулировки из вакансии там, где это правда: Figma, лендинг, адаптив, UI-кит, передача в верстку. Ссылку на портфолио продублируйте строкой, не только кнопкой. Оставьте стандартные заголовки — Опыт работы, Навыки, Образование."}},{"@type":"Question","name":"Нужно ли добавлять фотографию в резюме веб-дизайнера?","acceptedAnswer":{"@type":"Answer","text":"В России фото не обязательно. Для веб-дизайнера важнее макет, Figma и цифра по заявке. Снимок имеет смысл, только если вакансия прямо просит или так принято в студии. Тогда берите нейтральный кадр."}},{"@type":"Question","name":"Нужно ли адаптировать резюме веб-дизайнера под каждую вакансию?","acceptedAnswer":{"@type":"Answer","text":"Да, если тип сайта разный. На лендинг первым поставьте первый экран и форму, на магазин — мобилу и отказ, на корпоративный сайт — пачку макетов и передачу в верстку. Портфолио тоже переставьте: не открывайте упаковкой вакансию про интернет-магазин."}}]}]}