Освой востребованную профессию
Web Design: с нуля до первого портфолио
Что вы освоите
Figma, типографика, сетки, цвет, UX‑логика, адаптивность, подготовка к вёрстке, презентация макетов, ускорение работы с нейросетями.
Программа курса
16 модулей — от базовых принципов до готового макета
Каждый модуль — практическое занятие: короткая теория, разбор примеров и работа над своим проектом.
- 01
Урок 1. Кто такой веб-дизайнер сегодня
На первом занятии мы разберём, чем занимается современный веб-дизайнер, какие задачи он решает и почему его работа важна в цифровом мире. Участники познакомятся с понятиями UI и UX, научатся отличать хороший дизайн от плохого и поймут, как устроено визуальное восприятие сайта. Обсудим, какие бывают форматы интерфейсов: сайт, лендинг, веб-приложение, мобильное приложение.
- 02
Урок 2. Базовая композиция и визуальный баланс
На этом уроке мы изучим базовые принципы композиции: модульные сетки, визуальный баланс, иерархию элементов и закономерности восприятия. Разберём, как люди «читают» экраны и как направлять их внимание с помощью дизайна.
- 03
Урок 3. Колористика: работа с цветом и вниманием
Участники узнают, как работает цветовой круг, что такое контраст, температура цвета и как цвет влияет на эмоции пользователя. Поговорим о психологии цвета, научимся собирать цветовые палитры и применять их в макетах.
- 04
Урок 4. Шрифты и типографика
На этом занятии изучим анатомию шрифта, разницу между гарнитурами и принципы подбора шрифтовых пар. Разберём, как правильно выстраивать иерархию текста, выбирать шрифты под проект и использовать их для усиления визуального посыла.
- 05
Урок 5. Насмотренность и визуальные референсы
Урок посвящён развитию дизайнерского вкуса. Мы научимся собирать мудборды и референсы, разберёмся, как анализировать чужие работы и использовать визуальные подборки для поиска стилистики и вдохновения.
- 06
Урок 6. Введение в Figma
Участники познакомятся с интерфейсом Figma, научатся работать с фреймами, компонентами, автолейаутами и стилями. Мы создадим первый простой макет и освоим базовые инструменты, необходимые для работы.
- 07
Урок 7. Адаптивный дизайн и Mobile First
Разберём, что такое адаптивный дизайн, почему важно начинать с мобильной версии и как грамотно перестраивать интерфейс под разные устройства. Попрактикуемся в использовании responsive-сетки и constraints в Figma.
- 08
Урок 8. Основы UX и сценарии пользователя
На этом занятии мы сосредоточимся на логике взаимодействия пользователя с интерфейсом. Изучим понятия пользовательского пути, user flow, CJM и проектирование сценариев поведения на сайте.
- 09
Урок 9. Прототипирование и кликабельные макеты
Поговорим о разнице между прототипом и финальным макетом. Научимся создавать кликабельные прототипы в Figma и правильно презентовать идею клиенту до стадии визуального оформления.
- 10
Урок 10. Нейросети в веб-дизайне
Участники познакомятся с актуальными нейросетями, которые помогают дизайнерам: Midjourney, Leonardo AI, Ideogram, ChatGPT и другими. Мы разберёмся, как с их помощью можно генерировать изображения, иконки и идеи, а также как использовать AI как ускоритель процесса, не теряя авторский стиль.
- 11
Урок 11. Работа с текстами и микроинтеракциями
На этом уроке мы рассмотрим, как писать UX-тексты, формулировать кнопки, подписи и сообщения для интерфейса. Также затронем основы микроанимации и микровзаимодействий в дизайне.
- 12
Урок 12. Подготовка макета к передаче разработчику
Участники узнают, что такое дизайн-система, как правильно организовать проект в Figma для передачи на вёрстку, что такое Dev Mode и как оформить инструкции для верстальщика. Практика сдачи проекта в продакшн.
- 13
Урок 13. Работа с брифом и задачами клиента
Разберёмся, как читать и анализировать бриф, задавать правильные вопросы, выявлять цели бизнеса и целевую аудиторию. Поговорим о трансформации клиентских пожеланий в визуальные решения.
- 14
Урок 14. Как зарабатывать дизайнеру
Урок посвящён фрилансу и старту карьеры. Изучим, где искать клиентов, как вести переписку, как оформить портфолио и создать первый кейс. Разберём поведение на собеседованиях и советы для уверенного старта.
- 15
Урок 15. Работа над дипломным проектом
Каждый участник готовит полноценный проект: лендинг или интерфейс приложения. Мы проводим консультации, разбираем ошибки, дорабатываем адаптивы и интерактив, готовим презентацию.
- 16
Урок 16. Защита диплома и карьерные рекомендации
Финальное занятие: участники презентуют свой проект, получают обратную связь и сертификат. Также мы разбираем карьерные траектории, перспективы, специализации и составляем индивидуальные рекомендации по развитию.
По итогам — готовый макет в портфолио и сертификат об окончании.
Как проходит обучение
Структура занятий и поддержка
-
90 минут каждую субботу
Мини‑группа, живые разборы и ответы на вопросы по вашему проекту.
-
Домашние задания с фидбеком
Пошаговые чек‑листы, комментарии в Figma и рекомендации по улучшению.
-
Материалы и шаблоны
Библиотеки компонентов, палитры, примеры макетов и референсы.
Full-Stack Developer
15+ лет в коммерческой разработке.
Цена и набор
Старт — 20 сентября 2025
Оплата помесячно или единым платежом. Места в группе ограничены.
- Доступ ко всем материалам
- Фидбек к заданиям
- Сертификат и помощь с портфолио
- Гибкий график оплат
- Те же условия участия
Оставить заявку
Мы свяжемся и ответим на вопросы.
Вопросы и ответы
То, что спрашивают чаще всего
Подойдёт ли курс без опыта?
Да. Программа рассчитана на начинающих: стартуем с основ и постепенно усложняем задачи.
Нужен ли платный софт?
Достаточно бесплатной версии Figma. Инструменты ИИ — по желанию, покажем альтернативы.
Будет ли диплом/сертификат?
Да, выдаём сертификат об окончании и помогаем оформить кейс в портфолио.
Отзывы
“Через месяц после курса — оффер в продуктовую компанию. Поняла, как собирать страницы быстро и аккуратно”
— Ольга Н.
“Много практики и настоящие процессы: хэнд‑офф, Dev Mode, токены. Очень прикладно”
— Андрей К.
Готовы начать? Сделайте первый шаг уже сегодня
Оставьте заявку — поможем подобрать формат и ответим на вопросы.
