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

Карточка товара для маркетплейсов
Первое практическое задание: создадим дизайн карточки товара, который реально можно использовать для продажи

Элементы интерфейса
Разберёмся, что такое кнопки, иконки, формы, навигация и как они строятся

Продвинутые функции Figma
Изучим автолейауты (автоматическое выравнивание блоков) и компоненты (готовые элементы, которые можно использовать повторно) p. s. это сильно экономит время

Adobe Photoshop
Освоим базовый набор инструментов: работа с изображениями, вырезание объектов, цветокоррекция (покажу, как установить программу, даже если она недоступна официально)

ChatGPT и Midjourney
Подключим нейросети для поиска и генерации изображений: теперь тебе не нужно тратить часы на фотостоки

Результат:

• Уверенно владеешь Figma
• Создаёшь первый проект — карточку товара
• Умеешь пользоваться нейросетями для генерации картинок
• Осваиваешь Photoshop для базовых задач
• Понимаешь, где брать легальные изображения и шрифты

Доп. материалы:

• шпаргалка по горячим клавишам Figma
• список ресурсов с картинками
• список библиотек шрифтов
• конспект по элементам интерфейса
• список популярных плагинов для Figma
• урок: как скачивать и устанавливать шрифты
• урок: авторское право и лицензии

Эфиры:

1. Вступительное знакомство: разбор программы и целей
2. Ответы на первые вопросы + разбор домашних заданий
3. Специальный эфир с приглашённым экспертом по Midjourney

Психология пользователя
Узнаем, как люди читают сайты, что они замечают первым, а что игнорируют. Эти знания помогут делать удобные макеты

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

Цвет
Изучим правила сочетания цветов. Поймёшь, почему одни комбинации кажутся гармоничными, а другие «режут глаз»

Сетки и отступы
Узнаешь, почему «белое пространство» в дизайне так важно и как оно влияет на восприятие сайта

Паттерны чтения
Люди читают страницы определённым образом — например, по букве F. Научимся управлять их вниманием

Композиция
Освоим принципы ритма и баланса в дизайне. Ты больше не будешь «расставлять блоки на глаз»

Стили
Рассмотрим разные стили (минимализм, корпоративный, креативный) и где они применяются

Креатив
Инструменты поиска идей, когда «всё уже придумано»

Насмотренность
Как развить вкус и понять, что дизайн хороший, а что требует доработки

Мобильные версии
Создадим адаптивные макеты для смартфонов и планшетов

Анимация
Добавим простые движения и эффекты, чтобы сайты выглядели живыми

Результат:

• Понимаешь основы дизайна
• Создаёшь первый полноценный лендинг
• Добавляешь лёгкую анимацию и делаешь сайт «живым»

Доп. материалы:

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

Эфиры:

1. «Ошибки новичков»: разберём типичные провалы
2. Ответы на вопросы
3. Презентация и обсуждение первых проектов

Типы сайтов
Лендинги, корпоративные сайты, интернет-магазины

Этапы работы
От идеи до презентации клиенту

Где искать клиентов
Разберём конкретные площадки и способы

Переписка
Что написать в первом сообщении, чтобы клиент ответил

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

Коммерческое предложение
Структура документа, примеры успешных КП

Юридические основы
Как работать легально: договор, налоги, авторские права

Анализ ЦА и конкурентов
Как понять, чего хотят пользователи и чем выделиться

Карта сайта
Как сделать структуру, которая ведёт пользователя к целевому действию

Дизайн-концепция
От идеи до мудборда и готового макета

Дизайн-система
Упорядоченный набор стилей, цветов и компонентов

Адаптивность
Сайт должен корректно выглядеть и на большом мониторе, и на iPhone 5

Презентация клиенту
Как показать работу, чтобы её приняли без лишних правок

Результат:

• Проходишь весь путь работы с клиентом
• Создаёшь первый корпоративный сайт для портфолио
• Получаешь навыки общения, заключения договоров и защиты своих прав
• Изучаешь, как искать заказы и строить карьеру

Доп. материалы:

• список способов поиска клиентов + ссылки
• скрипты сообщений
• бриф и шаблон КП
• пример реального КП
• шаблон договора
• инструкция «Мой налог»
• примеры анализа ЦА и конкурентов
• примеры карт сайта и прототипов
• примеры мудбордов
• видео-презентация проекта клиенту

Эфиры:

1. Мотивация от коуча: как не бросить на середине
2. Разбор домашних заданий
3. Презентация студенческих проектов

Основы Tilda
Разберёмся, что такое конструктор сайтов и как он работает

Создание сайта
Добавляем кнопки, формы, интерактивные элементы

Анимация
Добавляем движения и эффекты

Интернет-магазин
Подключаем корзину и платёжные системы

Zero Block
Фишки быстрой верстки в Zero Block

Код и модификации
Как расширить возможности Tilda

Результат:

• Переносишь свой проект в Tilda
• Создаёшь полноценный сайт для портфолио
• Осваиваешь базовую SEO-оптимизацию

Доп. материалы:

• чек-лист проверки сайта
• примеры сложной анимации
• список регистраторов доменов
• чек-лист SEO-оптимизации
• таблица сравнения платёжных систем
• чек-лист запуска проекта

Эфиры:

1. Работа с кодом: как расширить возможности Tilda
2. Разбор и презентация сайтов студентов

Портфолио
Как оформить так, чтобы клиенты доверяли

Кейсы
Правильная подача проекта: структура, описание, визуал

Конкурсы
Дополнительный способ заявить о себе и привлечь клиентов

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

Соцсети
Как вести Инстаграм/Telegram так, чтобы это было легко и без страха

Результат:

• Создаёшь портфолио из 3 проектов
• Оформляешь резюме
• Узнаёшь, как находить клиентов и через соцсети, и через профессиональные платформы

Доп. материалы:

• список ресурсов для публикации кейсов
• список конкурсов
• шаблон резюме

Эфиры:

1. Трудоустройство: как попасть в студию или выстроить фриланс