Чем занимается и сколько зарабатывает веб-дизайнер

Как стать веб-дизайнером, нужно ли для этого дизайнерское образование и где искать работу начинающим? Об этом, а также о плюсах и минусах своей профессии рассказывает Виктория Гладинец — веб-дизайнерка студии Zgraya.

Я работаю дизайнером примерно 3 года. Начала интересоваться этим случайно: бывший парень рассказал о профессии и сказал, что это для меня «идеальный мэтч». И вот на первом курсе системного анализа в КПИ я начала интересоваться темой, которая на первый взгляд казалась кардинально противоположной. Где-то за год-полтора узнав, что дизайнер может быть не только интерьера или одежды, я вошла в профессию 🙂 А до этого успела 4 года поработать копирайтером, репетитором математики, английского и даже учителем программирования.

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

Больше всего в своей работе я люблю то, что здесь всегда есть пространство для обучения. Просто смотришь, что ты не умеешь на определенном этапе работы, и учишься. Научился делать статический сайт? Изучай моушн, ​​графический дизайн, 3D — и сможешь сделать проект еще более интересным (мы в студии называем это секси-дизайном).

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

Лично я увлечена своей работой, но не завишу от нее. Это не наркотик, и, кроме дизайна, у меня еще есть жизнь (да, люди, она есть после 8:00 рабочего дня). Когда 80% времени проводишь за экраном ноута, очень важно общаться с людьми вживую и чаще видеться с друзьями (только не говорите с ними о работе).

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

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

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

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

В целом веб-дизайнер разрабатывает веб-интерфейсы для сайтов и мобильных приложений — создает макеты лендингов, сайтов, интернет-сервисов и приложений. Он также может работать над шаблонами email-рассылок и интернет-баннерами.

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

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

Мой типичный рабочий день часто начинается с митинга команды, во время которого мы общаемся о процессах и плане работ. Потом — задачи в Figma, треканье времени и работа с Jira, спецификации в Notion или Confluence.

Большинство времени я работаю Figma — инструменте для удобного проектирования диджитал-дизайна: веб, интерфейсы, баннеры, презентации, легкая графика. При необходимости работаю с Photoshop, Illustrator, After Effects, Whimsical и т.п.. Всю рабочую коммуникацию мы поддерживаем в корпоративном мессенджере Slack, а все митинги и звонки с клиентами проходят в Zoom или Google Hangouts.

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

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

Второй совет: копировать чужие работы от А до Я. Старайтесь найти и повторить каждую тень, найти, какую сетку или шрифт использовал дизайнер и как с ними работал. Попробуйте проверить дизайн на разных девайсах, чтобы узнать, как перестроены блоки на адаптивке. Это поможет понять, какие приемы использовал дизайнер, и проработать их самостоятельно.

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

Какие hard skills нужны веб-дизайнеру

Киты, на которых должны держаться ваши знания:

• типографика: типы шрифтов, создание рабочей шрифтовой пары + понимание, как работает шрифт в браузере;
• теория цвета (только, пожалуйста, не академическая): важно понимать, как цвет работает в интерфейсах, как выделить акцентный цвет, какие есть способы компоновки цветов, как подобрать рабочую палитру для интернета, достаточно ли доступны ваши цвета, учтены ли технические цвета (для ошибок и подтверждений);
• понимание, как должны работать элементы веба: кнопки, инпуты, формы, попапы и тому подобное;
• знания как можно большего количества инструментов дизайна (большинство осваиваются за неделю-две): например, сейчас веб-дизайнеры чаще используют Figma;
• понимание адаптивного дизайна.

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

Какие soft skills нужны веб-дизайнеру

Мне нравится, что сейчас все больше внимания уделяют soft skills, ведь все мы хотим работать в комфортных условиях. Поэтому для веб-дизайнера важны следующие soft skills:

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

Я считаю, что дизайнеру интерфейсов не требуется художественное или дизайнерское образование. А как бэкграунд больше пригодится техническое образование, потому что хорошему дизайнеру важнее понимать логику в интерфейсе, быстро работать с большим массивом данных, разбираться в аналитике, понимать основы экономики, специфику бизнеса и многое другое. Это все аналитическая работа. Не так творчески звучит, правда?

Я считаю, что художникам и творческим людям интереснее будет в графическом дизайне или иллюстрации. А чтобы быть действительно клевым дизайнером интерфейсов (особенно UX), нужно иметь достаточно сильный технический бэкграунд и аналитический склад ума.

Сколько зарабатывает веб-дизайнер

Заработная плата зависит прежде всего от скиллов и уровня специалиста.

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

Что еще влияет на оплату труда:

• качество работ в портфолио;
• умение «продать» себя на интервью;
• уровень зарплат в компании: например, компании, зарабатывающие на иностранном рынке, предлагают больше денег.

Средний уровень зарплат сказать трудно, ведь они отличаются от компании к компании и от вакансии к вакансии. Но реалии ориентировочно такие: после курса в Projector, VSOC, KAMA или похожей школе интерн-джун может претендовать на заработок в 300-500$.

Согласно наблюдению рынка, Strong Junior может претендовать на 900-1200$, Middle — на 1400-2200$, Senior и выше — от 1800$.

Все зависит от работодателя: в иностранной продуктовой компании Middle может спокойно зарабатывать больше, чем Senior в студии.

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

Работать веб-дизайнером можно где угодно, но обычно список достаточно типичный:

• студии: небольшие компании, которые работают над проектами клиента;
• продуктовые компании, которые создают свой собственный продукт с нуля и поддерживают его;
• аутсорс-компании — крупные компании, которые помогают клиенту создавать продукт (проекты обычно более долгосрочные, чем в студиях)
• фриланс — когда сам находишь себе проекты и работаешь над ними.

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

Какие платформы для поиска работы я советую?

• Facebook. Когда у тебя куча друзей айтишников, то в каждом четвертом посте кого-то ищут. Но через фейсбук легче поймать вакансию, когда тебя уже знают.
• Djinni. Фишка сервиса в том, что здесь можно анонимно разместить все свои данные. Вакансий достаточно много и они адекватные.
• DOU — украинское сообщество программистов.
• Дизайн Цех — новый телеграм-канал с вакансиями для дизайнеров, который запустил Projector.
• Rabota.ua, Work.ua, Jooble — для начала может сгодиться, но обычно классные вакансии там не постятся.

Полезные книги, курсы и другие ресурсы для развития в профессии

Курсы:

• офлайн-курсы: Projector (+ их онлайн-библиотека лекций), KAMA, VSOC;
• онлайн-курсы: Coursera, Interaction Design Foundation, Awwwards, Нетология, Бюро Артема Горбунова.

Кстати, вот замечательный материал от Tilda с подборкой онлайн-курсов по веб-дизайну.

Медиа и другие ресурсы:

• Telegraf design;
• Medium
• vc.ru
• ux.pub
• Tilda Education
• Подкаст дизайнера Евгения Воронюка «Не притулятися»

Ресурсы для вдохновения и насмотренности:

• базовый набор с примерами работ от дизайнеров со всего мира — Dribbble, Behance;
• Pinterest — его ценность в том, что он агрегирует работы из всех сайтов сразу + под каждой картинкой алгоритм подбирает похожие работы;
• Awwwards — примеры лучших сайтов, за которые голосуют люди со всего мира;
• Mobbin — библиотека с паттернами мобильных приложений;
• Savee — очень крутой ресурс, где можно хранить все, что тебя вдохновляет, и смотреть, что вдохновляет других;
• One Page Love — подборка интересных сайтов.

Буду рада пообщаться и ответить на дополнительные вопросы, поэтому ищите меня в любых соцсетях под ником @vhladynets.

Читайте также

Работа творчеству не помеха: 3 истории о том, как все удачно совмещать

Не занижайте цену и надевайте штаны: дизайнеры — о работе на карантине

Стоит ли подаваться на вакансию, если вы не соответствуете всем требованиям?