Можно купить 194 ₽ 1 800 ₽ −89%
Профессия · Веб-дизайнер
Figma и WordPress, автоматизация Claude + Webflow
Веб-дизайнер проектирует визуальную и структурную часть сайтов, лендингов и веб-приложений. Работа включает разработку макетов, выбор шрифтов и цветовых схем, прорисовку интерфейсных элементов и подготовку файлов для разработчиков. Современный веб-дизайнер понимает не только эстетику, но и пользовательский опыт (UX): каким образом расположение кнопок, навигация и структура страницы влияют на конверсию и время на сайте.
474 курса
181 автор
от 43 ₽ цена курса
Курсы 64
Все474 Платные474Веб-дизайн и UI/UX216Инструменты дизайнера129No-code и конструкторы сайтов124WordPress плагины64Конструкторы и билдеры60
Можно купить 
Продажи приостановлены 168 ₽ 1 250 ₽ −87%
Everest Timeline - плагин для создания превосходных таймлайнов
Можно купить 204 ₽ 950 ₽ −79%
Projectify — плагин для портфолио и проектов в Elementor
Продажи приостановлены 90 ₽ 700 ₽ −87%
WP Timeline
Продажи приостановлены 160 ₽ 1 500 ₽ −89%
ImageLinks
Продажи приостановлены 80 ₽ 2 940 ₽ −97%
Elementor PRO Unlimited
Продажи приостановлены 186 ₽ 1 360 ₽ −86%
ModuloBox - Lightbox плагин для галерей WordPress
Можно купить 92 ₽ 1 260 ₽ −93%
WP-MFC Blocks
MFC
Можно купить 96 ₽ 1 175 ₽ −92%
MonsterTV - Создаем анимированные баннеры
Можно купить 184 ₽ 1 200 ₽ −85%
Team Showcase
CodecanyonW
Можно купить 96 ₽ 1 400 ₽ −93%
WordPress Mega Menu
Можно купить 98 ₽ 1 250 ₽ −92%
Mega Main Menu
Можно купить 448 ₽ 6 930 ₽ −94%
Сборник шаблонов и плагинов для WordPress
wptoolkit.com
Можно купить 182 ₽ 2 100 ₽ −91%
Dynamic Step Process Panels for WordPress
W
Можно купить 262 ₽ 480 ₽ −45%
WordPress - Auto Grid Responsive Gallery
davidbo
Можно купить 94 ₽ 450 ₽ −79%
Templatera - менеджер шаблонов для Visual Composer
Направления и категории
Веб-дизайн и 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
Категории
О профессии
Рынок веб-дизайна в России вырос в 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 веб-дизайнер
Работа в агентстве или первые фриланс-проекты. Адаптация готовых шаблонов, дизайн баннеров, лендингов под надзором старших. Освоение Figma как основного инструмента.
Middle веб-дизайнер
Самостоятельные проекты полного цикла — от брифа до передачи в разработку. Уверенная работа с дизайн-системами, адаптив, базовые UX-исследования.
Senior веб-дизайнер
Проектирование сложных сайтов и приложений, участие в продуктовых решениях. Ментoring джунов, взаимодействие с командой разработки на уровне архитектуры.
Lead-дизайнер / UX-стратег
Управление дизайн-командой, создание дизайн-систем, стратегия пользовательского опыта для крупных продуктов. Работа с 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-тесты, Яндекс Метрику — переход от дизайнера к продуктовому специалисту удваивает доход.
Отзывы 450
sergas2721 августа 2014 г. ★★★★★
Плюсы: шикарная коллекция, быстрая организация
Шикарная коллекция, давно искал! Спасибо всем за складчину!
↗ Шикарная коллекция HTML-писемnewdark13 августа 2014 г. ★★★★★
Плюсы: полезный материал
Спасибо организатору! Очень даже всё пригодится! Не всё сразу, конечно, но со временем всё 100% будет в деле.
↗ Супер набор графики PixelKitPolite9 августа 2014 г. ★★★★★
Плюсы: оперативность организатора, актуальный материал, качественные шаблоны, чистый HTML-код
Ай, Vendetta, как оперативно работаешь! Даже спустя полгода после завершения складчины. Отдельное спасибо Analytic-у, материал стоящий и по-прежнему актуальный. Шаблоны на высшем уровне, чистейший HTML-код шаблонов — я в восторге от подборки!
↗ Шикарная коллекция HTML-писемsobol28 июля 2014 г. ★★★★★
Плюсы: отличные иконки
Отличные иконки.
↗ Подборка Flat SEO iconsРамиль Шайфулин25 июля 2014 г. ★★★★★
Плюсы: все классно
Собирались долго, но наконец-то собрались! Все классно!
↗ Adobe Muse CC, Edge Animate: Великолепные сайты без программированияnat20 июля 2014 г. ★★★★★
Плюсы: оперативная складчина, понятный материал
Спасибо большое за отлично и оперативно проведенную складчину. Материал понравился. Все доходчиво и понятно.
↗ Создание анимации в Adobe Edge Animate CCmarmeka20 июля 2014 г. ★★★★★
Плюсы: доступное изложение, наличие исходников, возможность практики, низкая цена, оперативная организация
Отличный курс, изложено доступно, как сделать в программе анимированные эффекты, баннеры и даже сайты. К обучающим видеоурокам приложены исходники, поэтому можно сразу смотреть, останавливать видео и повторять те же действия, то есть практиковаться. Очень довольна складчиной, тем более за минимальную цену. Рекомендую всем. Оргу — респект за оперативность.
↗ Создание анимации в Adobe Edge Animate CCСова13 июля 2014 г. ★★★★★
Плюсы: подробная и последовательная подача, отсутствие воды, практическая польза
Все подробно и последовательно. Уже создала для себя сайт. Никакой воды!
↗ Экстремальное создание Landing Page от А до ЯЧастые вопросы
Чем веб-дизайнер отличается от UX/UI-дизайнера?
Веб-дизайнер проектирует преимущественно сайты, UI-дизайнер — любые интерфейсы (включая приложения), UX-дизайнер сосредоточен на исследовании поведения пользователей. На практике термины часто используются взаимозаменяемо, а вакансии требуют всех трёх компетенций одновременно.
Нужно ли знать программирование?
Базовый HTML/CSS полезен для коммуникации с разработчиками и создания реализуемых макетов, но не обязателен. Дизайнеры, которые умеют верстать в Webflow или Framer, востребованы отдельно.
Photoshop или Figma?
Figma — стандарт веб-дизайна в 2025 году. Photoshop используется преимущественно для обработки изображений, не для проектирования интерфейсов.
Сколько времени занимает создание одного сайта?
Лендинг — 3–7 дней. Корпоративный сайт из 10–20 страниц — 3–6 недель. Сложное веб-приложение — месяцы. Зависит от объёма, правок и скорости согласования с клиентом.
Как быть с авторскими правами на дизайн?
По умолчанию исполнитель владеет правами на созданные материалы. Передача прав заказчику прописывается в договоре. Лучше фиксировать права письменно до начала работы — устные договорённости ненадёжны.