Складчина Каталог
Мои курсы
Профессия · Веб-дизайнер

Figma и WordPress, автоматизация Claude + Webflow

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

474 курса
181 автор
от 43 ₽ цена курса
★ 4.6 450 отзывов
Смотреть курсы
Как сделать лендинг студийного уровня в Adobe MuseИнтернет-профессия Веб-дизайнерКак создать лендинг на WordPress за 3 дняElementor PRO Page builder

Курсы 60

Все474 Платные474Веб-дизайн и UI/UX216Инструменты дизайнера129No-code и конструкторы сайтов124WordPress плагины64Конструкторы и билдеры60
Сортировка: НовыеПо рейтингуДешевлеДороже
Elementor Pro 2025 Можно купить
300 ₽ 16 000 ₽ −98%
5.0
Оплатили 121

Elementor Pro 2025

Bootstrap Studio Можно купить
583 ₽ 7 500 ₽ −92%
Оплатили 15

Bootstrap Studio

Bootstrap Studio Можно купить
577 ₽ 12 000 ₽ −95%
5.0
Оплатили 23

Bootstrap Studio

Направления и категории

Веб-дизайн и UI/UX216Инструменты дизайнера129No-code и конструкторы сайтов124WordPress плагины64Конструкторы и билдеры60Графический дизайн42Графика и элементы дизайна35Онлайн-бизнес32
Все направления и категории
Digital-маркетинг27Веб-разработка: Frontend24Фриланс и удалёнка23Презентации и визуальный контент17Другое17Motion-дизайн и анимация16WordPress темы и шаблоны16Контент-маркетинг13Карьерный рост9Веб-разработка: Backend7SMM и соцсети7LLM и чат-модели6Заработок на AI6SEO6PR и бренд-менеджмент6Продажи6PSD шаблоны и фотокниги6Иллюстрация5Заработок на фрилансе5Юридические аспекты бизнеса4Аналитика данных3Английский язык3OpenCart модули и шаблоны3Генерация изображений23D-моделирование и визуализация2Маркетплейсы2Переговоры и коммуникации2Обработка фото2Инфобизнес и онлайн-школы2Прочие схемы заработка2Joomla шаблоны и расширения2Генерация текстов1Программирование с AI1Реклама1Email-маркетинг и автоматизация1Открытие и ведение бизнеса1Управление проектами1Недвижимость1Финансовое моделирование1Закупки и тендеры1Фотография1Видеосъёмка и режиссура1Видеомонтаж1Копирайтинг1Писательское мастерство1Коммуникативные навыки1Цифровое рисование1Репетиторство1Программирование для детей1Творчество для детей1Партнёрский маркетинг (CPA)1PHP скрипты и SaaS1

Категории

Дизайн247Программирование и IT144Программы и софт138Маркетинг55Бизнес и предпринимательство42Карьера и профессии30Нейросети и AI14Заработок и схемы10Фото и видео4Иностранные языки3Образование3Финансы и инвестиции2Копирайтинг и писательство2Личностный рост1Рисование и живопись1

О профессии

Рынок веб-дизайна в России вырос в 2024 году: количество вакансий увеличилось на 45%, а средние зарплаты — на 30%. Специализация в UX/UI позволяет зарабатывать на 30–50% больше по сравнению с классическим графическим дизайном. Фриланс широко распространён: большинство веб-дизайнеров ведут несколько клиентов параллельно или работают в агентстве.

Сколько зарабатывают

Junior (0–1 год)55 000 ₽ — 90 000 ₽
Middle (1–3 года)100 000 ₽ — 160 000 ₽
Senior (3–6 лет)170 000 ₽ — 300 000 ₽
Lead / UX-стратег320 000 ₽ — 600 000 ₽

Карьерная траектория

Junior веб-дизайнер

0–1 год · 55 000–90 000 ₽/мес.

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

Middle веб-дизайнер

1–3 года · 100 000–160 000 ₽/мес.

Самостоятельные проекты полного цикла — от брифа до передачи в разработку. Уверенная работа с дизайн-системами, адаптив, базовые UX-исследования.

Senior веб-дизайнер

3–6 лет · 170 000–300 000 ₽/мес.

Проектирование сложных сайтов и приложений, участие в продуктовых решениях. Ментoring джунов, взаимодействие с командой разработки на уровне архитектуры.

Lead-дизайнер / UX-стратег

6+ лет · 320 000–600 000 ₽/мес.

Управление дизайн-командой, создание дизайн-систем, стратегия пользовательского опыта для крупных продуктов. Работа с C-level на уровне бизнес-задач.

Навыки и инструменты

Профессиональные навыки

  • FigmaОсновной инструмент веб-дизайнера: создание макетов, прототипов, компонентов и дизайн-систем. Знание Figma — обязательное требование в 95% вакансий.
  • UX-проектированиеПользовательские сценарии, CJM, wireframes, прототипирование — умение проектировать интерфейс с точки зрения пользователя, а не только красоты.
  • HTML/CSS (базовый)Понимание ограничений вёрстки помогает создавать реализуемые макеты и говорить с разработчиками на одном языке.
  • Типографика и сеткиРабота со шрифтовыми парами, вертикальным ритмом, модульными сетками — основа профессионального веб-макета.
  • Адаптивный дизайнПроектирование под разные устройства — десктоп, планшет, мобильный. Понимание breakpoints и принципов mobile-first.
  • Работа с заказчикамиУмение провести бриф, защитить решение, принять правки и объяснить, почему конкретное дизайнерское решение работает для бизнес-цели.

Навыки общения и работы

  • Критическое мышление — оценивать дизайн через призму задачи, а не личного вкуса
  • Умение получать обратную связь — правки от клиентов неизбежны, важно не воспринимать их как атаку
  • Любопытство к технологиям — интерфейсы меняются, нужно следить за трендами и инструментами
  • Внимание к деталям — пиксельная точность и согласованность компонентов — признак профессионала

Обязанности

Разработка концепции и визуального стиля сайта или приложения

Создание wireframes и высокодетализированных макетов в Figma

Проектирование адаптивных версий для мобильных устройств

Подготовка спецификаций и передача макетов разработчикам

Участие в UX-исследованиях: интервью пользователей, анализ heatmap и записей сессий

Поддержка и развитие дизайн-системы продукта

Что важно знать

Преимущества

  • Высокий спрос и хорошие зарплатыКоличество вакансий веб-дизайнеров в 2024 году выросло на 45%, средние зарплаты — на 30%. Middle-специалист зарабатывает 100 000–160 000 ₽ без опыта работы в крупных компаниях.
  • Творческая и аналитическая работаРедкое сочетание: дизайнер создаёт красивое, но одновременно должен обосновать каждое решение с точки зрения UX и бизнес-цели.
  • Удалённая работа как нормаБольшинство агентств и продуктовых компаний работают с дизайнерами удалённо. Офис — скорее опция, чем требование.
  • Карьерный рост в IT-продуктыВеб-дизайн — прямой путь к UX/UI-дизайну, product design и даже продуктовому менеджменту. Переход в IT-компании резко увеличивает доход.
  • Быстро обновляемый портфолиоКаждый проект — новый кейс. За 1–2 года активной работы можно собрать убедительное портфолио из разноплановых работ.

Сложности

  • Жёсткие дедлайныКлиенты и команда давят на сроки. Работа по ночам перед запуском проекта — стандартная ситуация в агентстве.
  • Субъективные оценки«Мне не нравится синий, сделайте зелёный» — регулярная реальность. Уметь защищать решения и принимать обоснованную критику — обязательный навык.
  • Конкуренция с зарубежными специалистамиНа фрилансе российские дизайнеры конкурируют с коллегами из Украины, Беларуси и Средней Азии, часто за те же проекты и при схожем уровне.
  • Инструменты постоянно меняютсяFigma, Adobe XD, Webflow, Framer — нужно следить за новыми инструментами и обновлять навыки каждые 1–2 года.

Востребованность

Спрос на веб-дизайнеров устойчивый: каждый бизнес с присутствием в интернете нуждается в дизайне. Особенно ценятся специалисты с UX-навыками, знанием Figma и пониманием принципов конверсии. Дефицит senior-уровня заметен в продуктовых IT-компаниях.

Digital-агентства

IT-продуктовые компании

eCommerce и ритейл

Стартапы

Финтех и банки

Фриланс (любые ниши)

Как освоить профессию

Изучить основы дизайна и Figma

Теория: типографика, сетки, цвет, UX-принципы. Практика: освоить Figma через бесплатные уроки на YouTube или курсы. Figma — стандарт индустрии.

Пройти структурированный курс

Яндекс Практикум, Skillbox, Bang Bang Education, Contented — курсы с проектной работой и обратной связью от практикующих дизайнеров. 3–6 месяцев интенсивного обучения.

Собрать портфолио из 3–5 проектов

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

Выйти на первых клиентов или в агентство

FL.ru, Behance, профессиональные Telegram-чаты, LinkedIn. Агентство даст поток задач и ревью старших — ценнее, чем фриланс на старте.

Углубиться в UX и аналитику

Изучить пользовательские исследования, A/B-тесты, Яндекс Метрику — переход от дизайнера к продуктовому специалисту удваивает доход.

Авторы 28

АЛ Андрей Лов 5 курсов · ★ 5.0МС Максим Соколов 4 курса · ★ 5.0EM Evgen Marfel 4 курса · ★ 5.0АЗ Алексей Захаренко 4 курса · ★ 5.0НС Николай Спиряев 4 курса · ★ 4.1МШ Максим Ширко 3 курса · ★ 5.0АК Александр Куртеев 3 курса · ★ 4.8КН Кирилл Несмелов 6 курсовАД Александр Дейнека 2 курса · ★ 5.0АА Арслан Ахмедов 2 курса · ★ 5.0АС Анастасия Свеженцева 2 курса · ★ 5.0МК Максим Кузнецов 2 курса · ★ 5.0

Отзывы 450

Motte5 сентября 2016 г. ★★★★★

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

Спасибо организатору за эту складчину! Материал отличный! У автора талант не только к рисованию, но и к преподаванию, приятно слушать. Очень полезные видео для начинающих.

↗ 4 курса Виталия Ивлева по цифровой иллюстрации и работе в Photoshop
Samasharm5 сентября 2016 г. ★★☆☆☆

Плюсы: подробное изложение материала

Минусы: освещены только примитивные возможности, отсутствие адаптивности, плохая индексация поисковиками, неактуальные методы создания сайтов

Просмотрел весь материал. Все задания выполнил в течение двух дней. Автор все рассказывает подробно, но только о самых примитивных возможностях. 90% функций остались без освещения. Автор курса очень консервативного мнения о способах создания LP. Минимализм курса научит вас создавать только примитивные сайты с кашей из кода и JS. Не секрет, что сайты-конструкторы поисковые системы ранжируют очень плохо. Тем более об адаптивности речи нет вообще, а это прямая дорога в конец поисковой выдачи. Такой сайт продвигать бессмысленно, спасет только огромный бюджет на контекстную рекламу. Это мое мнение, возможно, есть другое.

↗ Master LP PRO II. Конструктор сайтов
AndreyFX1 сентября 2016 г. ★★★★★

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

↗ Панель Web Image Adapter
Коровьев19 августа 2016 г. ★★★★★

Плюсы: практические кейсы, отсутствие воды, бесплатные уроки

Zillion — находка для бизнеса! Только самые действенные и практические кейсы по маркетингу, продажам, бизнесу, финансам, PR, развитию персонала и личной эффективности от директоров и ведущих маркетологов компаний разного масштаба. Воды 0. Курсы в среднем длятся около часа и состоят из 5 уроков (первые 2 бесплатно).

↗ Как разработать сложный сайт, интегрированный в маркетинговую стратегию
1coper19 августа 2016 г. ★★★★★

Плюсы: актуальность для B2B, демонстрация реальной стоимости и сроков окупаемости

Материал для сектора B2B. Автор показывает реальную сложность разработки сайта, его стоимость и сроки окупаемости. Полезно показать цифры из курса заказчикам!

↗ Как разработать сложный сайт, интегрированный в маркетинговую стратегию
1972rad17 августа 2016 г. ★★★★★

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

↗ Панель Web Image Adapter
LOL6416 августа 2016 г. ★★★★★

Плюсы: Материал хороший, всё установилось и работает нужным образом.

↗ Панель Web Image Adapter
exploration11 августа 2016 г. ★★★★★

Плюсы: быстрая реакция организатора, качественный продукт, подходит для быстрого прототипирования, солидные презентации

Спасибо организатору за быструю реакцию и качественный продукт! Сам продукт отличный — для быстрого прототипирования самое оно, клиенты в восторге от солидности презентаций такого плана.

↗ Select - Landing Page Set with Page Builder

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

Чем веб-дизайнер отличается от UX/UI-дизайнера?

Веб-дизайнер проектирует преимущественно сайты, UI-дизайнер — любые интерфейсы (включая приложения), UX-дизайнер сосредоточен на исследовании поведения пользователей. На практике термины часто используются взаимозаменяемо, а вакансии требуют всех трёх компетенций одновременно.

Нужно ли знать программирование?

Базовый HTML/CSS полезен для коммуникации с разработчиками и создания реализуемых макетов, но не обязателен. Дизайнеры, которые умеют верстать в Webflow или Framer, востребованы отдельно.

Photoshop или Figma?

Figma — стандарт веб-дизайна в 2025 году. Photoshop используется преимущественно для обработки изображений, не для проектирования интерфейсов.

Сколько времени занимает создание одного сайта?

Лендинг — 3–7 дней. Корпоративный сайт из 10–20 страниц — 3–6 недель. Сложное веб-приложение — месяцы. Зависит от объёма, правок и скорости согласования с клиентом.

Как быть с авторскими правами на дизайн?

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