1. Что делает дизайнер
2. Знания из каких областей нужны веб-дизайнеру
3. UX, UI-дизайнеры: в чем разница
4. Инструменты для работы веб-дизайнера
5. Какие задачи решает дизайн
6. Интерфейс и классификация сайтов
7. Этапы работы над проектом

В результате после вводного модуля вы знаете:
- Что входит в обязанности дизайнера и чем UX отличается от UI дизайна
- Какими инструментами нужно овладеть дизайнеру, чтобы успешно работать в данной сфере
- Какие задачи можно и нужно решить с помощью дизайна
- Научитесь отличать Landing page от одностраничного сайта
- Узнаете почему хороший дизайн так дорого стоит

1. Составляющие психологии пользователей в рамках интерфейса
2. Психофизиалогия
3. Паттерны восприятия информации
4. Поведенческий паттерн
5. Проектирование интерфейса

В результате после 1-ого модуля вы узнаете:
- Какие составляющие психологии пользователей влияют на интерфейс
- Что такое психофизиология и почему она полезна веб-дизайнеру
- Какие есть паттерны восприятия информации и как с ними работать
- Что такое поведенческий паттерн
- Как грамотно проектировать интерфейс

1. Что делает дизайнер
2. Знания из каких областей нужны веб-дизайнеру
3. UX, UI-дизайнеры: в чем разница
4. Инструменты для работы веб-дизайнера
5. Какие задачи решает дизайн
6. Интерфейс и классификация сайтов
7. Этапы работы над проектом

В результате после вводного модуля вы знаете:
- Что входит в обязанности дизайнера и чем UX отличается от UI дизайна
- Какими инструментами нужно овладеть дизайнеру, чтобы успешно работать в данной сфере
- Какие задачи можно и нужно решить с помощью дизайна
- Научитесь отличать Landing page от одностраничного сайта
- Узнаете почему хороший дизайн так дорого стоит

1. Составляющие психологии пользователей в рамках интерфейса
2. Психофизиалогия
3. Паттерны восприятия информации
4. Поведенческий паттерн
5. Проектирование интерфейса

В результате после 1-ого модуля вы узнаете:
- Какие составляющие психологии пользователей влияют на интерфейс
- Что такое психофизиология и почему она полезна веб-дизайнеру
- Какие есть паттерны восприятия информации и как с ними работать
- Что такое поведенческий паттерн
- Как грамотно проектировать интерфейс

1. Возможности и интерфейс Figma
2. Основные инструменты в Figma и настройки
3. Дополнительные инструменты

В результате после 2-ого модуля вы умеете:
- Работать с Figma и создавать проекты
- Работать с основными инструментами и настраивать их под себя
- Делать разметку рабочего пространства и работать с группами

1. Исследование бизнеса. Интервью с клиентом
2. Исследование конкурентов
3. Исследование ЦА и составление портрета пользователя

В результате после 3-ого модуля вы умеете:
- Проводить интервью с клиентом и выявлять ключевые потребности
- Проводить анализ конкурентов
- Составлять протреты пользователей на основе исследований целевой аудитории

1. Структура повествования
2. Конкретика формулировок
3. Пункты меню
4. Основной заголовок и подзаголовок
5. Заголовки и подзаголовки блоков
6. Призыв к действию

В результате после 4-ого модуля вы:
- Умеете грамотно выстраивать логику повествования
- Знаете какие и где нужны формулировки
- Знаете особенности призыва к действию

1. Типовая структура лендинга
2. Состав блоков
3. Психофизиология интерфейсов
4. Иерархия и отступы

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

1. Типографика
2. Колористика
3. Композиция
4. Визуальная концепция

В результате после 6-ого модуля вы умеете:
- Подбирать шрифтовые пары для проекта, в соответствии с поставленными задачами
- Побирать цветовую гамму относительно ЦА
- Работать с сеткой и составлять сильные композиции
- Выбирать стиль, подходящий под выбранную тему и объяснять почему

1. Что такое и для чего нужен UI - KIT
2. Состав
3. Стили, компоненты, автолейауты и варианты в Figma

В результате после 7-ого модуля вы умеете:
- Работать с готовым UI-KIT
- Составлять UI-KIT самостоятельно
- Работать со стилями, компонентами и автолейаутами в Figma

1. Дизайн-концепция
2. Дизайн landing page целиком
3. Адаптивность
4. Передача макетов разработчикам

В результате после 8-ого модуля вы умеете:
- Создавать дизайн-концепции на основе утвержденных мудбордов
- Создавать дизайн-макет landing в едином стиле
- Адаптировать получившийся дизайн под разные устройства
- Передавать проект разработчикам

1. Выбор темы и бриф компании
2. Анализ конкурентов
3. Анализ ЦА
4. Копирайтинг

В результате после 9-ого модуля вы закрепите:
- Умение проводить бриф компании
- Умение проводить анализ конкурентов
- Знания по анализу ЦА
- Знания по копирайтингу

1. Знакомство с Тильдой. Создание проекта
2. Стандартные блоки
3. Zero блок
4. Создание прототипа в Figma

В результате после 10-ого модуля вы умеете:
- Регистрироваться в Тильде и создать проект
- Работать со стандартными блоками и настраивать их "под себя"
- Создавать уникальный дизайн через Zero блоки
- Разрабатывать дизайн-макет в Figma, с учетом дальнейшей верстки на Tilda

1. Мудборд и 2 дизайн-концепции
2. Дизайн сайта целиком
3. Проработка адаптивной версии

В результате после 11-ого модуля вы умеете:
- Создавать несколько дизайн-решений на основании одних исходных данных
- Сохранять единство стиля на многостраницном сайте
- Адаптировать многостраничный сайт под различные устройства

1. Перенос дизайна на Tilda
2. Создание сквозных шапки и подвала
3. Добавление анимации на сайт
4. Проверка адаптивности

В результате после 12-ого модуля вы умеете:
- Переносить дизайн-макет на конструктор Tilda
- Добавлять анимацию на сайт
- Адаптировать готовый сайт к работе

1. Покупка домена и подключение к сайту
2. Базовая настройка SEO
3. Подключение систем аналитики
4. Работа с формами
В результате после 13-ого модуля вы умеете:
- Покупать и подключать домен к сайту
- Выполнять базовую настройку SEO
- Подключать основные системы аналитики
- Работать с формами

1. Площадки для размещения
2. Принципы хорошего кейса
3. Оформление кейса
В результате после 14-ого модуля вы знаете:
- Какие существуют площадки для размещения портфолио веб-дизайнера
- Основные принципы хорошего кейса и умеете их применять
- Этапы оформления кейса и умеете размещать его на одной из площадок

1. Портфолио и социальные сети
2. Резюме и сопроводительное письмо
3. Как предлагать свои услуги и отработка возражений
4. Поиск заказчиков
В результате после 15-ого модуля вы умеете:
- Грамотно составлять портфолио и позиционировать себя в социальных сетях
- Составлять резюме и сопроводительное письмо
- Предлагать свои услуги и отрабатывать возникающие возражения
- Умеете искать заказчиков и знаете, где их найти

1. Выбор темы и бриф компании
2. Анализ конкурентов
3. Анализ ЦА
4. Копирайтинг

В результате после 16-ого модуля вы закрепите:
- Умение проводить бриф компании
- Умение проводить анализ конкурентов
- Знания по анализу ЦА
- Знания по копирайтингу

1. Элементы интерфейса/Компоненты сайта
2. Принципы навигации
3. Основные типы страниц
4. Прототип интернет-магазина

В результате после 17-ого модуля вы узнаете:
- Из каких компонентов состоит интернет-магазин
- Основные принципы навигации
- Ключевые типы страниц интернет-магазина
- Особенности создания прототипа интернет-магазина

1. Мудборды и дизайн-концепции
2. Составление UI-KIT
3. Отрисовка дизайн макета
4. Адаптивность

В результате после 18-ого модуля вы :
- Разработаете 2 мудборда и 3 дизайн концепции
- Составить персональный UI-KIT для вашего проекта
- Создадите дизайн интернет-магазина
- Произведете адаптивность вашего макета

1. Интерактивный прототип в Figma
2. Передача дизайн-макета заказчику

В результате после 19-ого модуля вы :
- Создадите интерактивный прототип сайта
- Подготовите все материалы для передачи заказчику

1. Кастомизация проекта под Тильду
2. Перенос проекта
3. Работа с каталогом
4. Платежные системы и промокоды
5. Личный кабинет

В результате после 20-ого модуля вы :
- Научитесь разрабатывать дизайн-макеты интернет-магазина под Тильду
- Закрепите перенос разработанного дизайна на конструктор
- Научитесь работать с каталогом Тильды
- Научитесь подключать платежные системы и добавлять промокоды
- Познакомитесь с особенностями личного кабинета Тильды

1. Структура кейса
2. Работа с мокапами в After Effects
3. Размещение работы на Беханст

В результате после 21-ого модуля вы :
- Закрепите структура создания кейса
- Научитесь работать в After Effects
- Пополните протфолио кейсом по интернет-магазину

1. Выбор темы. Исследование
2. Прототипирование
3. Мудборд
4. Дизайн
5. Сборка на Тильде
6. Защита