ИНСТРУМЕНТЫ ВЕБ-ДИЗЙАНЕРА
1.0. Вводный. Мышление веб-дизайнера
1.1. Что продает веб-дизайнер и сколько это стоит
1.2. Подготовка к работе. Референсы и мудборды
1.3. Этапы создания сайта. Как рассчитать время на каждый этап
1.4. Основы Photoshop
1.5. Основы Figma
1.6. Экзамен. Собираем первый экран сайта по инструкции
1.7. Разбор работ в режиме online в Zoom
- Словарик веб-дизайнера
- Средние цены по рынку на услуги веб-дизайнера
- Список всех сервисов для работы
- 100 сочных сайтов для развития насмотренности
- Как отличить хороший дизайн от плохого. Разбор ошибок в 5 сайтах с Behance
- Памятка 5 шагов от начала работы до сдачи проекта + расчет времени и стоимости
- Конспект из урока по работе с Photoshop
- Конспект из урока по работе с Figma
- Работа с сетками Figma
- Частые ошибки при создании первого экрана
- Базовая структура лендинга с ответвлениями
2.1. Что такое UX и UI дизайн. Правила композиции на сайте
2.2. Работа с цветом
2.3. Типографика. Правила работы с текстом
2.4. Сетки в веб-дизайне
2.5. Как работать с контентом
2.6. Как заимствовать идеи из работ других дизайнеров без кражи
2.7. Экзамен. Самостоятельная работа по созданию первого экрана в Figma по ТЗ
2.8. Разбор работ в режиме online в Zoom
- Статьи по композиции:
- Частые ошибки в композиции
- Частые ошибки в типографике
- Шаблон сеток для Figma
- 30 ресурсов для поиска вдохновения
- Статья от тильды про контент
3.1. Знакомство с сервисом. Создание сайта, страницы, настройки
3.2. Погружение в функционал. Стандартные блоки
3.3. Работа в Zero Block
3.4. Адаптивная верстка
3.5. Технические нюансы
3.6. Экзамен. Самостоятельная работа по разработке лендинга из 6 экранов по ТЗ
3.7. Разбор работ в режиме online в Zoom
- Инструкци
- Ошибки в адаптации
- Как подключить домен
- Как подключить заявки
- Как убрать лейбл тильды
- Как сделать бейджик и фавикон
- Как настроить оплаты
- Интеграция с GetCourse и другими сервисами
- Как поставить пиксель и цели на сайт
- Чек-лист перед сдачей проекта
- Примеры плохих и хороших лендингов
4.1. Апгрейд сайта. Работа с кодом
4.2. Работа по ТЗ
4.3. Как разработать тз, если у клиента его нет
4.4. Как сделать лендинг, который досмотрят до конца. Работа со структурой и подачей
4.5. Экзамен. Самостоятельная работа по созданию сайта для несуществующего продукта на выбор.
4.6. Разбор работ в режиме online в Zoom
- Пример идеального ТЗ
- Шаблон брифа для вытаскивания смыслов
- Шаблоны структур лендингов
+ Воркшоп в записи по созданию сайта с нуля от меня с комментариями
5.1. Как создать кейс на Behance
5.2. Как эксперту оформить соц. сети
5.3. Создаем свой прайс лист
5.4. Экзамен. Создание портфолио на Behance и в соц сетях
5.5. Разбор работ в режиме online в Zoom
- Гайд по созданию кейса на Behance
- Гайд по оформлению соц сетей: Instagram, Вконтакте
- Примеры прайс-листов
Монетизация навыков. Взаимодействие с клиентами
6.1. Классификация клиентов. Как определить адекватного платежеспособного клиента
6.2. Как грамотно вести проект с 0 до сдачи
6.3. Юридические нюансы работы
6.4. Поиск клиентов - связки и механики
6.5. Как выстроить «Сарафанное радио
6.6. Зоны роста. Как понять, когда пора повышать чек или искать подрядчиков
6.7. Экзамен. Поиск первого платного клиента
6.8. Выпускной. Вопросы / ответы. План развития после наставничества
Дополнительный урок. Как выстроить комфортный график. Как не допустить выгорания
- Гайд по квалификации клиента
- Скрипты общения с клиентом в процессе работы
- Гайд по созданию кабинета в «Мой.налог»
- Примеры лид-магнитов
- Рабочие связки по поиску клиентов
- Список литературы для веб-дизайнера