Резюме HTML-верстальщик (Верстальщик) - образец 2026
Резюме верстальщика оценивают по качеству и скорости вёрстки макетов - важны точность соответствия дизайну и владение семантической вёрсткой.
Титов Владислав Андреевич
HTML-верстальщик (Верстальщик)
Контакты
+7 (900) 000-00-15c
v.titov2@example.ru
Новосибирск
Навыки
Семантический HTML5/CSS3
Методология БЭМ
Адаптивная вёрстка
SCSS/LESS
Языки
Русский - Свободный
Личные качества
Внимательность к пиксель-перфекту, Аккуратность
Личная информация
Готовность к переезду: По договорённости
HTML-верстальщик (Верстальщик) с опытом работы в направлении "html-верстальщик (верстальщик)" - подробности в разделе "Опыт работы".
Опыт работы
Веб-агентство "Кодекс"
HTML-верстальщик (Верстальщик) - 2021 - настоящее время
- Вёрстал до 15 страниц в месяц по методологии БЭМ
- Обеспечивал pixel-perfect соответствие макетам Figma
- Тестировал вёрстку в 5 основных браузерах
Образование
Колледж информационных технологий №5
Информационные системы, специалист - 2017 - 2020
Титов Владислав Андреевич
HTML-верстальщик (Верстальщик)
Контакты
+7 (900) 000-00-15c
v.titov2@example.ru
Новосибирск
Навыки
Семантический HTML5/CSS3
Методология БЭМ
Адаптивная вёрстка
SCSS/LESS
Языки
Русский - Свободный
Личные качества
Внимательность к пиксель-перфекту, Аккуратность
Личная информация
Готовность к переезду: По договорённости
HTML-верстальщик (Верстальщик) с опытом работы в направлении "html-верстальщик (верстальщик)" - подробности в разделе "Опыт работы".
Опыт работы
Веб-агентство "Кодекс"
HTML-верстальщик (Верстальщик) - 2021 - настоящее время
- Вёрстал до 15 страниц в месяц по методологии БЭМ
- Обеспечивал pixel-perfect соответствие макетам Figma
- Тестировал вёрстку в 5 основных браузерах
Образование
Колледж информационных технологий №5
Информационные системы, специалист - 2017 - 2020
Что написать в опыте работы
Укажите число вёрстанных страниц/макетов в месяц, используемые технологии (SCSS, БЭМ), опыт кроссбраузерной вёрстки.
Ключевые навыки
Важны семантический HTML, методология БЭМ и адаптивная вёрстка под разные устройства.
Профессиональные навыки
- Семантический HTML5/CSS3
- Методология БЭМ
- Адаптивная вёрстка
- SCSS/LESS
- Кроссбраузерная вёрстка
Личные качества
- Внимательность к пиксель-перфекту
- Аккуратность
Практические советы
- Укажите число вёрстанных макетов в месяц.
- Точность соответствия дизайн-макету (pixel perfect) - важный показатель качества.
- Ссылки на свёрстанные проекты - обязательное приложение.
HTML-верстальщик (Верстальщик)
Образец резюме - IT, Интернет и Аналитика
Частые вопросы
Начните не с пустого блока «Опыт», а с того, что можно проверить: учебные и практические работы, стажировка, подработка, собственные проекты. В блоке навыков перечислите то, чем уже владеете хотя бы на базовом уровне — Семантический HTML5/CSS3, Методология БЭМ и Адаптивная вёрстка: для junior-позиции работодатель смотрит именно сюда, а не на стаж. Блок «Опыт работы» без записей лучше убрать совсем, чем оставить пустым: пустой раздел в резюме читается как незаконченный файл.
Первыми — те, что дословно названы в вакансии, на которую откликаетесь; дальше остальные по убыванию вашего реального уровня. Для этой профессии ядро обычно такое: Семантический HTML5/CSS3, Методология БЭМ и Адаптивная вёрстка. Читают в среднем первые 5-7 пунктов, поэтому список из тридцати навыков работает хуже, чем список из семи: в длинном перечне главное тонет. Общие слова вроде «работа в команде» в профессиональные навыки не выносите — им место в личных качествах.
Сначала — должность и последнее место работы: совпадает ли профиль с вакансией. Потом срок на последнем месте и причины частых переходов, если они видны. Только затем читают обязанности, и то по диагонали. Отсюда практический вывод: самое важное должно стоять в первых двух-трёх строках блока «Опыт», а не в конце списка. В направлении «Разработка программного обеспечения» дополнительно проверяют, с каким масштабом и инструментами вы работали — это видно из блока навыков.
Да, но словами и по делу, а не звёздочками. «Семантический HTML5/CSS3 — веду учёт и выгружаю отчёты» говорит работодателю больше, чем «Семантический HTML5/CSS3 — 4 из 5»: шкала у каждого своя, а описание задачи проверяемо. Для этой профессии имеет смысл раскрыть Семантический HTML5/CSS3 и SCSS/LESS. Программы, которые вы открывали пару раз, лучше не указывать вовсе — их спросят первыми.
Коротко и в самом резюме, а не в сопроводительном письме: одна строка с периодом и причиной — уход за ребёнком, лечение, учёба, переезд, поиск работы. Пробел, который ничем не закрыт, рекрутёр достраивает сам, и обычно не в вашу пользу. Если в перерыве были курсы, подработка или волонтёрство — впишите их отдельным блоком: это превращает пустой промежуток в понятный. Оправдываться и извиняться не нужно, перерывы есть у большинства.
Смежные профессии — Веб-разработчик, Веб-дизайнер и Разработчик (Developer) — часто описывают одними и теми же словами, и из-за этого резюме перестаёт отвечать на вопрос «кто вы». Разводит их не название должности, а конкретика: зона ответственности, инструменты и то, за какой результат с вас спрашивали. Для «HTML-верстальщик (Верстальщик)» опорные вещи — Семантический HTML5/CSS3 и Методология БЭМ. Если переходите из смежной области, вынесите в начало те задачи, которые совпадают с целевой вакансией, а не полный список прежних обязанностей.
Три-четыре строки о том, что вы умеете делать и какую задачу закрываете, — не о характере. «Внимательность к пиксель-перфекту» само по себе не говорит ничего, потому что это пишут все; та же мысль работает, если её подтвердить примером из опыта, где качество реально понадобилось. Не дублируйте сюда список навыков и не пересказывайте блок «Опыт»: этот блок читают как короткое представление, и он должен добавлять, а не повторять.
Одна страница — при стаже примерно до пяти лет, две — когда мест работы много и сокращение начнёт съедать смысл. Три и больше почти никогда не оправданы: дальше второй страницы читают редко. Сокращать нужно не шрифт и не поля, а содержание: у ранних мест работы оставляйте одну-две строки, подробно раскрывайте только последние два-три места. Если резюме не влезает, обычно проблема не в объёме опыта, а в том, что обязанности переписаны из должностной инструкции.
Фото в резюме — распространённая практика, и чаще оно помогает, чем мешает; обязательным оно нигде не является. Требования простые: лицо видно, снимок свежий, фон нейтральный, одежда — та, в которой вы пришли бы на собеседование. Фото из отпуска, с застолья или групповое кадрирование работают против вас сильнее, чем отсутствие фото вообще. Если подходящего снимка нет, лучше обойтись без него, чем ставить любой.
Потому что должностная инструкция описывает позицию, а не вас: у всех кандидатов на эту вакансию она одинаковая, и резюме перестаёт различать людей. Работает другое — что именно было в вашей зоне, какого масштаба и с каким результатом. Простая проверка: если строку из вашего резюме можно без изменений вставить в резюме любого коллеги на той же должности, она ничего не добавляет и её стоит переписать или убрать.
Автоотбор ищет совпадения со словами вакансии и спотыкается о сложную вёрстку. Поэтому: название должности — как в вакансии, ключевые навыки (Семантический HTML5/CSS3 и Методология БЭМ) — теми же словами, что в тексте вакансии, а не синонимами. Структура простая, в одну колонку, без таблиц, текста в картинках и колонтитулов — из них парсер вытаскивает мешанину. Аббревиатуры расшифровывайте хотя бы один раз: система может искать полное написание.
Только те, которые нужны в этой работе и которые вы готовы подтвердить примером: для этой профессии по делу — Внимательность к пиксель-перфекту и Аккуратность. Списки из десяти качеств не читают: они одинаковые у всех и ничего не сообщают. Лучше два-три пункта, каждый из которых отзеркален строкой в опыте, чем длинный перечень достоинств. «Стрессоустойчивость» без единого примера — самая частая пустая строка в резюме.
Так, как она называется в вакансиях, на которые откликаетесь, — «HTML-верстальщик (Верстальщик)» или тот вариант, который принят у работодателя. Внутренние названия из прежней компании («специалист 2 категории», «сотрудник отдела») снаружи не читаются и в поиске не находятся. Не пишите через слэш три должности сразу: резюме «HTML-верстальщик (Верстальщик)» / менеджер / оператор выглядит как «возьмите кем угодно» и снижает доверие ко всем трём. Под разные направления лучше сделать разные версии резюме.
Чем больше у вас опыта, тем ниже в резюме уходит образование: после нескольких лет работы решает опыт, а диплом становится строкой для формальной проверки. Исключение — направления, где допуск к работе регулируется: там профильное образование, сертификат или удостоверение проверяют в первую очередь, и без них резюме не рассматривают вовсе. Для направления «Разработка программного обеспечения» уточните требования в самой вакансии. Курсы указывайте только относящиеся к делу и с годом — просроченные и случайные скорее вредят.
Если вакансия просит назвать сумму — назовите, иначе отклик могут отсеять как неполный. В остальных случаях это ваш выбор: указанная вилка отсекает неподходящие предложения и экономит время, но и закрывает шанс на большее, если вы ошиблись в оценке рынка. Разумный компромисс — назвать нижнюю границу с пометкой, что она обсуждается в зависимости от задач. Сумму лучше сверить с текущими вакансиями по вашему направлению, а не с тем, сколько платили год назад.