design-ux

Младший веб-дизайнер

Пример резюме

4.5 / 5

Редактировать шаблон в ИИ-чате

Попросите ИИ помочь переписать и адаптировать каждый раздел.

АННА СОКОЛОВА

Младший веб-дизайнер

+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, Адаптивный дизайн, Принципы UI/UX дизайна

Сертификаты и курсы

Профессиональный сертификат Google по UX-дизайну

Прошла обучение по пользовательским исследованиям, вайрфреймам, прототипированию, юзабилити-тестам и доступному цифровому дизайну.

Adobe Certified Associate (ACA)

Подтвердила практические знания инструментов Adobe для веб-графики, подготовки изображений и работы с макетами.

О себе

Младший веб-дизайнер с практическим опытом через стажировки, фриланс-проекты и портфолио. Работает с Figma, HTML, CSS, адаптивными макетами, базовой доступностью и правками по дизайн-фидбеку. Сочетает визуальное мышление, основы фронтенда и внимание к пользовательскому опыту для junior-позиций в веб-дизайне.

Опыт работы

Младший веб-дизайнер

09/2023

Tech Co.

Сан-Франциско, Калифорния

Создавала повторно используемую веб-графику, иконки и компоненты макетов, чтобы ускорить подготовку клиентских мокапов

Дорабатывала макеты в Figma и HTML/CSS, улучшая читаемость, отступы и консистентность на мобильных экранах

Внедряла адаптивные обновления для лендингов, навигационных блоков и страниц портфолио

Работала с дизайнерами и разработчиками на QA-ревью, исправляя визуальные несоответствия перед релизом

Стажер веб-дизайнер

06/2021 - 08/2023

Web Design Agency Inc.

Сан-Франциско, Калифорния

Проектировала и верстала секции лендингов для небольших клиентов с использованием Figma, HTML, CSS и JavaScript

Создавала повторно используемые UI-компоненты и заметки по стилям для более точной реализации утвержденных макетов

Младший веб-дизайнер

02/2024 - 12/2024

Startup Solutions Ltd.

Сан-Франциско, Калифорния

Разработала концепцию и прототип продуктового лендинга для учебного проекта в формате стартапа

Улучшила состояния кнопок, отступы форм и мобильные брейкпоинты более чем в 40 UI-элементах

Образование

Бакалавр наук в области цифрового медиа-дизайна

09/2013 - 05/2017

Университет штата Сан-Франциско

Сан-Франциско, Калифорния

Проекты

Адаптивный веб-сайт-портфолио

Спроектировала и разработала адаптивный сайт-портфолио для креативных специалистов на HTML5, CSS3 и JavaScript, включая карточки проектов, мобильную навигацию и альтернативные тексты для изображений.

artstation.com/sm_webdesign/portfolio-website

Интерактивный прототип пользовательского интерфейса

Создала интерактивный прототип onboarding-сценария в Figma и проверила микроанимации и поведение макета с помощью легкой JavaScript-демо.

Почему Этот Шаблон Работает

Этот формат резюме хорошо подходит для систем отслеживания кандидатов (ATS), поскольку он включает подробное резюме, в котором четко указан соответствующий опыт и навыки Софии в качестве младшего веб-дизайнера. Включение конкретных технических навыков, таких как HTML, CSS, JavaScript и UI/UX дизайн, гарантирует, что алгоритмы ATS смогут легко идентифицировать квалификацию кандидата. Кроме того, включение ссылок на проекты на таких платформах, как ArtStation, демонстрирует ее портфолио в действии, облегчая менеджерам по найму понимание ее возможностей и вклада.

Мгновенная оценка резюме

Проверьте Оценку Вашего Резюме Младший веб-дизайнер

Загрузите резюме и сразу получите оценку ATS и практические улучшения для нужной должности.

  • Без регистрации
  • Приватно по умолчанию
  • Обычно меньше 30 сек

Ваше резюме

Перетащите резюме сюда
PDF, DOCX, TXT и изображения · до 20 МБ

Ваши файлы остаются приватными.

Один шаг до вашей оценки

Добавьте резюме, чтобы получить бесплатную оценку и правки по приоритету.

Как подготовить это резюме

Как подготовить это резюме

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

01

Контактные данные

Контактные данные

Имя Фамилия Город, Страна Телефон | Email LinkedIn URL | Портфолио URL (Необязательно)

На что обратить внимание

Ваши контактные данные — это первый раздел, который видят рекрутеры. Держите их краткими и профессиональными. Убедитесь, что ваш адрес электронной почты соответствует стандартам (например, имя.фамилия@gmail.com). Включите профиль LinkedIn для полного представления о вашем профессиональном пути. Для творческих, технических или дизайнерских ролей рекомендуется портфолио или личный веб-сайт.

Чего лучше избегать

Не указывайте полный домашний адрес (номер дома/улицу) из соображений конфиденциальности. Избегайте включения личных данных, таких как семейное положение, возраст, фото или номер социального страхования, если это не требуется в вашей стране. НЕ используйте непрофессиональные адреса электронной почты. Для художников и дизайнеров не включайте ссылки на GitHub — вместо этого используйте ArtStation, Behance или сайты-портфолио.

Практические примеры

Посмотрите наглядные примеры эффективного форматирования контактных данных.

Неудачный вариант

Иван Иванов ул. Пример, д. 1, кв. 5 Москва, 123456 крутой_парень[email protected] github.com/aliciacode Женат, 28 лет

Удачный вариант

Алиса Петрова Санкт-Петербург, Россия +7 (999) 123-45-67 | [email protected] linkedin.com/in/alisapetrova | behance.net/alisapetrova

Короткие советы

  • Используйте профессиональный адрес электронной почты (формат имя.фамилия)
  • Убедитесь, что ваш автоответчик настроен и профессионален
  • Дважды проверьте номер телефона и адрес электронной почты на наличие опечаток
  • Настройте URL вашего профиля LinkedIn (linkedin.com/in/вашеимя)
  • Используйте ArtStation или Behance для портфолио художников/дизайнеров

02

Профессиональное резюме

Профессиональное резюме

Результативный [Название роли] с [Количество] годами опыта в [Ключевые навыки/отрасли]. Подтвержденный опыт [Крупное достижение]. Владеет [Ключевые технологии/навыки]. Стремится предоставить [Конкретная ценность] для [Целевая отрасль/тип компании].

На что обратить внимание

Профессиональное резюме — это ваша краткая самопрезентация. Оно должно состоять из 3-5 предложений, обобщающих ваш опыт, ключевые навыки и основные достижения. Адаптируйте его под описание вакансии, используя релевантные ключевые слова. Сосредоточьтесь на том, что делает вас уникальным, и на ценности, которую вы приносите потенциальным работодателям.

Чего лучше избегать

Избегайте общих целей, таких как «Ищу сложную роль для развития своих навыков». Рекрутеры хотят знать, какую ценность вы им принесете, а не что вы хотите от них. Не используйте местоимения первого лица (я, мне, мой). Будьте краткими и убедительными.

Практические примеры

Сравните слабое описание цели с сильным профессиональным резюме.

Неудачный вариант

Цель: Я трудолюбивый человек, ищущий должность младшего веб-дизайнера начального уровня, где я мог бы изучать новое и продвигать свою карьеру.

Удачный вариант

Младший веб-дизайнер с практическим опытом через стажировки, фриланс-проекты и портфолио. Работает с Figma, HTML, CSS, адаптивными макетами, базовой доступностью и правками по дизайн-фидбеку. Сочетает визуальное мышление, основы фронтенда и внимание к пользовательскому опыту для junior-позиций в веб-дизайне.

Короткие советы

  • Квантифицируйте достижения, где это возможно (например, «Увеличил доход на 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 или если вы недавний выпускник. Выделите релевантные курсы, академические проекты, награды или руководящие должности.

Чего лучше избегать

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

Практические примеры

Практический пример, демонстрирующий, что следует и чего не следует делать в разделе образования

Неудачный вариант

Бакалавр гуманитарных наук | Университет штата Сан-Франциско | Сан-Франциско, Калифорния Сентябрь 2013 – Май 2017 - Курсы: Введение в графический дизайн, Типографика, Визуальная коммуникация и т. д. - Средний балл: 3.4

Удачный вариант

Бакалавр наук в области цифрового медиа-дизайна | Университет штата Сан-Франциско | Сан-Франциско, Калифорния Сентябрь 2013 – Май 2017 - Релевантные курсы: Веб-дизайн и разработка, Дизайн пользовательского опыта (UX), Интерактивные медиа. - Награды/Почетные звания: Список декана

Короткие советы

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

06

Проекты

Проекты

Название проекта | Использованные инструменты/ПО - Кратко опишите, что вы создали и какова его цель - Выделите решенные творческие задачи - Ссылка на портфолио (ArtStation, Behance, Vimeo, YouTube), если есть

На что обратить внимание

Проекты — отличный способ продемонстрировать практические навыки, особенно если у вас мало опыта работы или вы меняете сферу деятельности. По возможности включите ссылку на ваше портфолио (ArtStation, Behance, Vimeo или YouTube). Сосредоточьтесь на проектах, которые показывают ваши творческие способности и владение релевантными инструментами для желаемой должности.

Чего лучше избегать

Не включайте тривиальные учебные проекты, если вы их значительно не доработали. Избегайте устаревших, незавершенных или нерелевантных для вакансии проектов. Не просто перечисляйте инструменты — объясняйте, что вы создали и почему это важно. НЕ указывайте ссылки на GitHub для творческих ролей — вместо этого используйте платформы для портфолио.

Практические примеры

Практический пример, демонстрирующий правильные и неправильные подходы к описанию проектов

Неудачный вариант

Создал простую HTML/CSS страницу в рамках учебного пособия.

Удачный вариант

Спроектировала и разработала адаптивный сайт-портфолио для креативных специалистов на HTML5, CSS3 и JavaScript, включая карточки проектов, мобильную навигацию и альтернативные тексты для изображений.

Неудачный вариант

Создал устаревший личный блог на WordPress (тема 2015 года).

Удачный вариант

Разработал современный, динамичный сайт-портфолио, демонстрирующий UI/UX проекты с интерактивными анимациями и адаптивным дизайном.

Короткие советы

  • Выбирайте проекты, которые демонстрируют вашу способность творчески решать реальные задачи.
  • Используйте инструменты, релевантные для вакансии, на которую вы претендуете — подчеркните владение HTML/CSS и JavaScript, если это требуется.
  • Предоставьте четкую ссылку на ваше портфолио, где менеджеры по найму смогут увидеть реальные примеры вашей работы.
  • Опишите трудности, с которыми вы столкнулись во время разработки, и как вы их преодолели.

Часто Задаваемые Вопросы

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

Добавьте портфолио, стажировки, фриланс или учебные проекты, релевантные курсы, дизайн-инструменты, основы HTML/CSS и примеры задач по макетам, удобству использования или адаптивности.

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

Да. В веб-дизайне портфолио помогает показать визуальное мышление, процесс и завершенные web/UI-проекты.

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

Ваше следующее собеседование — всего одно резюме

Создайте профессиональное оптимизированное резюме за несколько минут. Не нужны навыки дизайна—только проверенные результаты.

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

Поделиться этим шаблоном

Устройтесь на Работу на 50% Быстрее

Соискатели, использующие профессиональные резюме с улучшением ИИ, находят работу в среднем за 5 недель по сравнению со стандартными 10. Перестаньте ждать и начните проходить собеседования.