22 июля / 2021

Веб-дизайнер — кто это и как им стать

Алёна Митрофанова
Подборка топовых онлайн-курсов по графическому дизайну >>>
Close
Веб-дизайнер — это специалист, который проектирует структуру веб-проектов, продумывает оформление и способы подачи информации. Он опирается на пожелания клиента и потребности аудитории. Его задача создать понятный и удобный для использования продукт.

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

Из этой статьи вы узнаете, кто такой веб-дизайнер, чем он занимается и как им стать. Мы расскажем о карьерных и зарплатных перспективах специалиста. Вы поймёте, как собрать портфолио и где искать заказы новичку.

Содержание

Кто такой веб-дизайнер

Веб-дизайнер — это человек, который занимается визуализацией интернет-проектов (обычно сайтов). Он отвечает за красоту и логику в них. Работа веб-дизайнера очень похожа на то, чем занимается UX/UI-дизайнер.
В 2018 году компания McKinsey провела исследование, посвящённое влиянию дизайна на результаты бизнеса. Консалтинговое агентство 5 лет следило за работой дизайнеров из 300 компаний.

Сотрудники McKinsey собрали общую базу из финансовых показателей и подходов к дизайну и выяснили, что на результаты работы бизнеса влияют всего 12 действий веб-дизайнера. На их основе аналитики создали индекс хорошего дизайна (MDI).

В результате в McKinsey выяснили, что дизайнеры напрямую влияют на доход бизнеса. Компании, у которых индекс MDI был выше среднего, увеличивали свою прибыль на 32% быстрее. Доход акционеров рос на 56% стремительнее.

Чем занимается веб-дизайнер

Может показаться, что основная цель работы веб-дизайнера ― «сделать красиво». Отчасти это правда, если такого подхода требует клиент. Но задача веб-дизайна не только улучшить внешний вид ресурса, но и его логику ― сделать не просто красиво, а ещё и удобно.
Tilda Publishing
Что может сделать веб-дизайнер:

● макеты веб-страниц — лендинг, сайт компании, интернет-магазин;
● дизайн-системы — визуальные правила, на которые могут ориентироваться все, кто работает над проектом;
● сопутствующие графические элементы — баннеры, письма для email-рассылки, инфографика, макеты для социальных сетей;
● UI/UX-дизайн — проектирование пользовательского опыта;
● UI-kit — наборы готовых графических элементов.
Работа веб-дизайнера над проектом состоит из нескольких этапов. Вот как они могут выглядеть.

Этап 1. Веб-дизайнер начинает свою работу с брифа ― специального документа, в котором собрана вся начальная информация о проекте. Во время брифинга специалист выявляет и закрепляет все пожелания заказчика.

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

Этап 2. Веб-дизайнер продумывает логику и структуру проекта, готовит прототип, предлагает несколько концепций UI, после согласования приступает к дизайн-системе или непосредственной работе над макетами.

Этап 3. Клиент утверждает макет и его передают в разработку. На этом этапе веб-дизайнер может вносить в макет небольшие правки по просьбе клиента или команды разработчиков.

Веб-дизайнер может сам сверстать макет, если умеет. Такие люди, дизайнеры-верстальщики, востребованы в небольших студиях и компаниях. Ещё больше востребованы fullstack-дизайнеры. Это специалисты широкого профиля, которые, помимо дизайна и вёрстки, умеют делать анимацию и работать с 3D.

Типичный день веб-дизайнера

Наш знакомый веб-дизайнер рассказал, как проходит его обычный рабочий день на удалёнке.

Даниил Свистунов
веб-дизайнер
10:00 — Проснулся-потянулся. Посмотрел в задачи. Увидел комментарии от клиентов и менеджеров — захотел лечь спать обратно. Но Figma запустил.

10:15 — Собрался с силами, налил кофе, распланировал порядок работы.

11:00 — Поправил типографику, сделал поярче мейн баннер, перепилил блок с NPS-опросом и отдал на согласование. Приступил к новому макету.

12:00 — Созвонился с менеджером, обсудили концепцию для нового макета (натащили референсов и радостно улюлюкали над нашими офигенными идеями) и некоторые непонятные моменты в ТЗ. Полные энтузиазма разошлись работать.

13:00 — Одной рукой допиливаю макет и отдаю в продакшон, второй рукой обедаю, третьей кофе наливаю. Макет, который правил утром, приняли, можно переходить к следующей задаче.

14:00 — Работаю, никого не трогаю, а тут оказывается в сданном макете товарная сетка при адаптации уезжает непонятно куда — пошёл править.

15:00 — Косяки поправлены, письмо завёрстано. Отправляю следующий макет на согласование.

16:00 — Созвонился с командой по новому клиенту, обсудили бриф, брендбук и материалы, которые дал клиент. Обозначили сроки начала работ и дедлайны.

17:00 — Пью кофе, начинаю накидывать некоторые макеты чтоб добить их утром, перебираю референсы.

18:00 — Прилетели комментарии от клиента — добавить CTA и принести побольше визуала, время есть начинаю править сразу, чтоб разгрузить утро.

Зарплата веб-дизайнера в Москве и России

Доход веб-дизайнера зависит от того, где работает специалист, на каких условиях и сколько проектов ведёт. Ниже мы привели среднюю зарплату по Москве и России.
Средняя зарплата веб-дизайнера в Москве по данным trud.com
Средняя зарплата веб-дизайнера в России по данным trud.com

На фрилансе

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

В студии

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

Начинающий веб-дизайнер ― 30 000–60 000 ₽.
Вакансии для начинающих веб-дизайнеров
Веб-дизайнер ― 60 000–150 000 ₽.
Вакансии для опытных веб-дизайнеров
Руководитель направления дизайна ― 70 000–250 000 ₽.
Вакансии для начинающих веб-дизайнеров

В отделе дизайна компании

В этом случае карьерный путь дизайнера в компании похож на путь дизайнера в студии. Средняя зарплата ― 50 000–150 000 ₽.
Вакансии для веб-дизайнеров в найме

Востребованность профессии

Веб-дизайнер — это востребованная профессия, особенно если специалист умеет не просто «делать красивые сайты». Компании готовы хорошо платить тем, кто понимает тонкости UX/UI-процессов.
Число вакансий для веб-дизайнера в России по данным trud.com
На сайтах-агрегаторах типа hh.ru, superjob.ru собраны вакансии от компаний, которые, как правило, ищут себе штатного специалиста. Гораздо больше предложений о работе можно найти в Telegram. Только портал hh.ru предлагает 19 каналов для поиска работы. Кроме этого есть отдельные крупные группы ― «На удалёнке 2.0», «ИЩУ_ДИЗАЙНЕРА» и т. д. Обычно там ищут специалиста на проект или для выполнения разовой работы.

Плюсы и минусы профессии веб-дизайнера

В работе веб-дизайнера есть свои преимущества и недостатки.

Плюсы

● высокий спрос на специалистов,
● можно работать удалённо,
● креативная работа,
● можно работать попроектно и регулировать свой доход,
● можно работать с зарубежными проектами,
● постоянное профессиональное развитие.

Минусы

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

Необходимые навыки

Веб-дизайнер должен сочетать в себе определённые профессиональные и личные навыки, чтобы увеличивать свой доход и находить общий язык с клиентами, понимать их.

Soft skills

Посмотрим, какие качества хорошо бы развить веб-дизайнеру и зачем.

● Общительность ― находить общий язык с клиентом и выяснять задачи.
● Многозадачность ― вести несколько проектов и легко в них ориентироваться.
● Аналитическое мышление ― изучать задачи клиента и придумывать решение.
● Внимательность ― не отвлекаться во время работы.
● Ответственность ― помнить о своих обязанностях перед клиентом.
● Креативность ― подходить к воплощению задачи нестандартно.
● Чувство вкуса и стиля ― создавать приятные для глаза проекты.

Hard skills

Чем больше вы умеете, тем больше ценитесь как специалист, тем больше проектов сможете взять и больше заработать. Вот минимальный набор скиллов для тех, кто хочет работать как junior или middle веб-дизайнер:

● знать теоретические основы дизайна;
● владеть типографикой;
● применять в работе принципы UX/UI;
● владеть графическими редакторами и специальными программами для дизайнеров (Figma, Adobe After Effects, Adobe Photoshop, Adobe Illustrator и т. д.);
● знать основы маркетинга;
● уметь оформлять макеты, чтобы потом их было удобно верстать;
● знать специфику работы с HTML, CSS.

Где учиться

Дизайнеров-самоучек много, и далеко не все из них довольны своим доходом. Если хотите стать профи и работать над крупными проектами, нужно пройти обучение. Иначе вы не будете понимать логику работы над проектом и вам будет сложно взаимодействовать с остальными членами команды.

Онлайн-курсы

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

  1. «Веб-дизайн с 0 до PRO» от Skillbox.
  2. «Профессия веб-дизайнер» от Skillbox.
  3. «Веб-дизайн с нуля до middle» от Нетологии совместно с PinkMan.
  4. «Веб-дизайнер с нуля до PRO: дизайн и программирование» от Нетологии.
  5. «Профессия Веб-дизайнер» от GeekBrains

Офлайн-курсы

Вузы

В вузах не учат напрямую профессии веб-дизайнера. Вам понадобится 4–6 лет, чтобы окончить специальность «дизайн», получить базовые навыки и знания, развить в себе чувство прекрасного. Затем вы можете пройти курсы по веб-дизайну и стать профессионалом.

Самостоятельное обучение

В интернете есть много статей и видео, которые помогут разобраться в профессии с нуля. Но на это уйдёт много времени и зарабатывать сразу не получится. Поэтому, если для вас веб-дизайн — это не просто хобби, рекомендуем пройти обучение.

Как собрать портфолио

Портфолио — это сборник ваших лучших работ. Если вы будете проходить онлайн-курс, там вам помогут упаковать свои проекты. Если нет, советуем прочитать нашу статью про портфолио. Приведём основные тезисы из неё.
Пример портфолио веб-дизайнера на Behance
Портфолио бывает двух форматов: печатное и электронное. Веб-дизайнеру подойдёт цифровая версия, которую удобно обновлять и отправлять заказчикам. Главное не забывать защищать свои работы водяными знаками от кражи.

Если хотите работать с крупными компаниями, лучше сделать портфолио в виде кейсов на вашем сайте, на Behance или в ReadyMag. Портфолио в Google Презентациях лучше не делать: это выглядит несерьёзно.

Что должно быть в портфолио:

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

Где новичку найти заказы

Начало карьеры — это период высокой конкуренции. На этом этапе нужно быть активным и искать заказы самому, потому что клиенты ничего о вас не знают и сарафанное радио ещё не запущено. Где найти работу новичку, расскажем ниже.

Биржи:

Weblancer,
Freelancer,
FL,
Freelancehunt.com,
Work-zilla,
Upwork,
Kwork,
Freelance.ru.

Telegram-каналы:

ФРИЛАНС ЧАТ N1,
Охотники за головами,
На удалёнке 2.0,
Удалёнка без опыта | Фриланс,
Фриланс Таверна | Удаленная работа.

Вы можете подписаться на группы в социальных сетях: «Дистанция.Фриланс, удаленная работа», «Удаленная работа: вакансии и фриланс», «Фриланс | Сервис удалённой работы». Ещё можно напрямую присылать предложение о сотрудничестве блогерам и компаниям.

Полезные книги

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

Основы веб-дизайна

Типографика

Креатив

Полезные ресурсы

Для профессионального развития вам помогут специальные ресурсы.

Behance ― ресурс для вдохновения и размещения портфолио.
Dribbble ― сайт для вдохновения и поиска работы.
Awwwards ― ресурс, где можно посмотреть, как использовать разные дизайнерские фишки.
Deadsign ― англоязычные статьи по дизайну.
Бюро Горбунова ― полезные советы и ответы на вопросы от топовых представителей digital-сферы.
WAYUP & Андрей Гаврилов ― Youtube-канал о дизайне.
Sofya Filippova ― Youtube-канал дизайнера-фрилансера, автор снимает видео на самые разные темы.
VideoSmile ― уроки и мастер-классы по разным популярным программам и редакторам типа Adobe Illustrator и Cinema 4D, другому софту.
Dev Ed ― Youtube-канал о дизайне.
Веб-дизайнер — это специалист, который отвечает за эстетику и удобство сайта. В этой статье мы рассказали, какие навыки и качества нужны дизайнеру, чтобы быть востребованным в профессии. Если работа с визуалом ― ваша мечта, пройдите один из курсов нашей подборки. После обучения у вас будет портфолио, и вы сможете брать первых клиентов на фриланс или устроиться в компанию.
Нравится наш блог?
Подпишитесь и будьте в курсе новых статей, обучающих курсов и бесплатных мероприятий