Веб-дизайн с нуля до 3-х проектов

Вы с нуля освоите Figma, научитесь создавать профессиональные дизайн-макеты сайтов. А также упакуете 3 проекта дизайн-макета на Behance (Landing Page, многостраничный сайт, интернет-магазин).

С 8 сентября 2025

1

телеграм канал со всеми материалами

3

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

30+

подробных видеоуроков

5

мест в группе

Осталось

Навыки, которые вы будете развивать

В результате вы гарантированно создадите

Дизайн Landing Page

Дизайн многостраничных сайтов

Дизайн интернет-магазина

Прототипирование в Figma

Создание дизайн-системы

Насмотренность

Структурирование процесса дизайна

Базовая работа с Photoshop

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

Оформление кейсов на Behance

Дизайн Landing Page

Дизайн многостраничного сайта

Дизайн интернет-магазина

Формат: получил теорию, закрепляй на практике

01

Теория

Смотрите уроки из модуля в удобном для тебя темпе

02

Практика

Выполняете домашнее задание обучающего модуля

03

Обратная связь

Получаете детальный разбор работы от автора курса в видеоформате

Такой подход (итеративный) дает возможность закрепить навык на очень хорошем уровне. Вы сразу будете видеть свой прогресс, а также понимать и улучшать свои навыки на практике.

04

Внесение правок

Дорабатываете задание с учетом комментариев

05

Получение качественного результата

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

Каждый поток я прохожу курс с вами

Запись
процесса

Вы видите весь рабочий ход, от пустого экрана до готового макета

Каждый поток заново

Я прохожу весь курс вместе с группой

Свежие
приёмы

Добавляю актуальные фишки дизайна прямо в процессе

Каждый новый поток я прохожу курс с нуля. Выполняю те же задания, что и студенты, пробую свежие приёмы, работаю над макетами. Записываю экран и комментирую свои действия, чтобы вы видели, как автор курса решает задачи в реальном времени.


Это не архивные уроки — вы учитесь на живой, актуальной работе.

Вы экономите месяцы на поиске и сразу работаете с лучшими образцами. Ни одна школа не дает такой базы.

Большинство тратит часы на поиски крутых примеров. А у вас всё под рукой. Я собрал коллекцию топовых сайтов из разных ниш: от минималистичных лендингов до масштабных e-commerce проектов.

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

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

Вы экономите время, концентрируясь на идее и визуале, а не на рутинной верстке элементов.

Плагин, который я даю ученикам, содержит десятки отработанных блоков: хедеры, карточки, галереи, формы.

Открыли плагин — выбрали блок — вставили в макет. Всё. Работает прямо в Figma.

Программа обучения

1 модуль

Вводный модуль

Эффективное обучение и работа

Ежедневные действия для развития насмотренности

Получение максимум от курса и любого обучения в целом

2 модуль

Начальная работа в Figma

Базовые инструменты

Эффекты в Figma

Работа с сеткой

Стили и компоненты

Главный 3 модуль

Дизайн-процесс сайтов

Сбор информации

Анализ конкурентов

Текстовый прототип

Визуальная концепция

Прототип сайта и финальный дизайн

Подготовка макета к верстке

4 модуль

Кейсы на Behance

Работа с референсами

Структура информации

Подготовка визуала

Публикация и продвижение

5 модуль

Устройство на работу

Анализ рынка

Подготовка резюме

Сопроводительные письма

Выполнение тестовых заданий

6 модуль

Фриланс

Списки площадок

Оформление аккаунтов

Отклики на проекты

Формула быстрого старта

Взаимодействие с заказчиком

7 модуль

Менеджмент проектов

Организация работы с макетами

Работа с версионностью макетов

Взаимодействие с разработчиками

8 модуль

Доп. инструменты

Работа в Photoshop

Работа с нейросетями

Работа с чат-ботами

Программа обучения

Вводный модуль

1 модуль

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

Стартовый файл Figma необходимый для эффективного старта проекта

Дополнительные сервисы разработанные лично мной (плагин для Figma с готовыми композициями; сервис с готовыми референсами для работы)

Вводный курс по Figma с разбором основных и продвинутых функций программы

Работа с техническим заданием и анализом рынка

Результат: вы поймете на что следует ориентироваться, чтобы рисовать коммерчески успешный дизайна. А также получите пошаговый алгоритм работы с ТЗ + практика.

Анализ конкурентов; анализ рынка по принципу "постепенного расширения" обзора

Создание стартовых гипотез по будущем дизайну

Анализ технического задания и взаимодействие с клиентом

3 модуль

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

Пошаговый алгоритм создания текстовой структуры сайта

Использование искусственного интеллекта для вычитки текста и создания грамотной структуры сайта на основе анализа конкурентов

Создание текстового прототипа для сайта

Mood Board (визуальная концепция)

4 модуль

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

БОНУСЫ! Коллекции референсов: 500+ классных сайтов; модуль по работе с ИИ

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

Из чего состоит визуальная концепция (цвета, шрифты, референсы, визуал-настроение)

Черно-белый прототип

5 модуль

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

Методички и чек-листы для быстро проверки. А также подарок - плагин для Figma. :)

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

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

Итоговая отрисовка

6 модуль

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

Чек-листы и методички для проверки сбалансированности макета и его готовности

Какие существуют инструменты для профессиональной визуализации, которые покажут ваш высокий уровень как веб-дизайнера

Как перейти от черно-белой концепции к итоговому "вкусному" дизайну

Мобильная версия сайта

7 модуль

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

Тестирование макета через прототипирование и через свой смартфон

Практика отрисовки дизайн-макетов разных разрешений. Начиная от планшета и десктопной версии и заканчивая минимальным размером экрана смартфона

Принципы грамотной адаптации дизайн-макета под мобильные устройства

Подготовка макета к верстке

8 модуль

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

Чек-листы для проверки макета к верстке

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

Дизайн внутренних страниц

9 модуль

Результат: полностью подготовленный макет к передаче в разработку (главная страница + внутренние страницы).

Готовые чек-листы для проверки качества дизайн-макета

Практика создания внутренних страниц при помощи дизайн-системы. Что ускоряет дизайн в разы

Основные принципы разработки внутренних страниц сайта

Менеджмент проектов

10 модуль

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

Ключевые правила деловой переписки для фиксации требований клиента

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

Правила сбора информации от клиента и ее организация

Дизайн-система

11 модуль

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

Правила написания документации к элементам дизайн-системы

Готовые шаблоны элементов как образцы для грамотной разработки

Основные правила создания дизайн-системы для проекта

Презентация и защита своего проекта

12 модуль

Результат: вы подготовите презентацию и речь для потенциальной защиты своего проекта перед заказчиком.

Готовые шаблоны для быстрой верстки презентации

Практика создания своей презентации проекта

Структура защиты своего проекта перед заказчиком

Создание кейса для Behance

13 модуль

Результат: оформленный кейс, который можно разместить как на Behance, так и на DProfile. С грамотной структурой, которую ценят клиенты и работодатели.

Коллекция референсов для поиска вдохновения и ускорения процесса создания

Готовые шаблоны для быстрой разработки

Структура грамотного кейса на Behance

Оформление профилей на DProfile и Behance

14 модуль

Результат: готовые профили на профессиональных площадках (Behance и DProfile), чтобы отправлять работодателям и потенциальным клиентам.

Готовые материалы и чек-листы для проверки

Создание продающей обложки и описания

Основные правила оформления профиля в сервисах

Работа на фрилансе

15 модуль

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

Готовый дизайн-процесс по взаимодействию с клиентов на фрилансе

Признаки плохих заказчиков и обмана

Как выбирать заказы для выполнения

Устройство на работу

16 модуль

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

Выполнение тестовых заданий

Написание сопроводительных писем

Анализ вакансий для трудоустройства и составление резюме

Взаимодействие с заказчиком

17 модуль

Результат: пошаговый план (разобранные ситуации) как общаться с клиентом и организовывать процесс работы: от сбора информации до сдачи дизайн-макета.

Готовый пакет документов для работы

Вариант процессов оплаты за свою работу

Как выстроить процесс общения

Дальнейшее развитие

18 модуль

Результат: вы научитесь анализировать рынок, а также составлять регулярный план развития, который ориентирован на рынок.

Подбор материалов для обучения и интеграция курса в ежедневное развитие

Создание своего личного плана обучения для конкретной вакансии

Как анализировать рынок вакансий

Воркшоп по Tilda

Бонус!

Результат: вы с нуля сверстаете макет на Tilda с использованием продвинутых библиотек и по стандартам профессиональной разработки.

Пошаговый процесс переноса с комментариями и пояснениями для начинающих

Пошаговый перенос дизайн-макета при помощи токена (профессиональный стандарт и ускорение разработки в разы), а также подготовка проекта с масштабированию сайта

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

Виктория

Денис, привет! Нашла в сохраненных отзыв, который я планировала отредактировать и скинуть тебе, прости, что поздно. У меня было десять часов консультации, сомневалась подойдет ли такой формат обучения, тк знания были достаточно поверхностные. Денис подстраивается под запрос, в данном случае уделялось внимание базе, это помогло упорядочить все знания, и работе над портфолио. Так же за это время я получила огромное количество полезных ссылок, поняла чему важно уделять внимание, стало проще ориентироваться в огромном потоке информации.

Наталья

Нашла канал Дениса на YouTube, очень понравилась подача информации в видео и я решила попробовать обучение). И ни разу об этом не пожалела, все очень понятно и интересно. Сразу видно что человек специалист своего дела и ему есть что рассказать). За неделю узнала больше. чем на курсе по Ui дизайну именитой школы за два месяца обучения) С удовольствием буду продолжать обучение дальше).

Ольга

Всем привет, хочу поделиться моим опытом, а возможно кого-то это вдохновит на прокачку своих навыков в веб дизайне. Уровень мой: с нуля. Критерии выбора обучения были: много практики, обратная связь и поддержка преподавателя. индивидуальный подход. Нашла на ютубе Видео обзоры у Дениса, связалась и начали обучение. Я поставила себе цель, к которой иду день за днём прокачивая свои навыки, и становясь на ступеньку выше, Денис, даёт огромную мотивацию двигаться вперёд. Много практики. Много полезной информации. Все по делу . Без лишней воды. Спасибо за поддержку и опыт, которым Вы делитесь с нами!

Елена К.

Перед обучением смотрела видео от Дениса в Ютюбе, потом нашла сайт d-e-n.info с шаблонами и после этого неожиданно попала на первый интенсив. Всё вовремя и к месту. Программа обучения чётко выстроена, консультации насыщенные. Получила мощный разгон и уверенность в своих силах.

Aleksander Kristev

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

Алевтина

В общем, думаю итак все понятно, что мои отзыв будет самым положительным. Как человек, который вообще никак не дружил с веб дизайном, прошедший Зх месячный курс в онлайн школе я могу сказать что твоё обучение дало мне очень много, в чем-то открылись глаза на очевидные вещи, где-то укрепила знания с предыдущего курса. Самое крутое это подача информации и отсутствие 2х часовых лекций и каких-то неясных домашек. Все структурировано, четко и по делу. Огромное спасибо за лайфхаки с перерисовками блоков по 20 мин в день и другие многие фишки. Конечно, отдельное спасибо за твои ответы на все тупые сообщения и подробное объяснение, ну и конечно за мотивацию.

Anastasia uiux

Проходила твой курс с января по апрель. Все по делу, без воды. Рассказываешь в целом о процессе и честно говоришь про сроки. Многие ’учителя’ врут что можно стать крутым дизайнером за 1-Змес. Ты рассказываешь, что развитие вкуса и техники процесс не быстрый, в целом как держать себя в тонусе, тайм-менеджмент, как важно уметь не только рисовать, но и разбираться в верстке и маркетинге, короче твой курс это true! Спасибо.

Вероника

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

Рассрочка оплаты

4888 руб./мес.

Особенности рассрочки

Воспользоваться рассрочкой

Я стараюсь сделать свой курс доступным для всех людей. Поэтому для самых мотивированных я готов сделать возможность рассрочки. Но от вас требуется соблюдение нескольких условий:

Напиши мне в личные сообщения, что хочешь воспользоваться рассрочкой платежей и я вышлю тебе реквизиты.

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

Еженедельная отчетность по прохождению курса

Выполнение домашних заданий в срок

Отзывы о каждом модуле обучения

Результаты после обучения

Остались вопросы?

© 2025 d-e-n.ru Все права защищены.