С 0 до Рок-Звезды в Веб-Дизайне

[1] 5 главных принципов магии веб-дизайна

• Обзор 5 главных и интереснейших принципов, на которых базируется современный веб-дизайн.

[2] Композиция. Как управлять вниманием и эмоциями пользователя?

Учимся управлять вниманием и эмоциями пользователя.

• Что такое композиция?
• Задача композиции
• Как упростить восприятие контента?
• Визуальная иерархия
• 6 приемов создания крутой композиции

+ PDF презентация урока

+ Домашнее задание

[3] Ошибки в веб-дизайне. Запретная зона современного дизайна.

• Подробный разбор 12 распространенных ошибок в веб-дизайне

+ PDF презентация урока

+ Домашнее задание

[4] Теория цвета. Всё о вкусных сочетаниях и подборе цвета для сайта/лендинга.

• Как красиво сочетать цвета
• Что такое цветовой круг
• Какие бывают цветовые схемы
• Цветовые палитры
• Способы повысить контраст между объектами
• Как подобрать правильную цветовую гамму
• Как выбирать цвета сайта/лендинга?

+ PDF презентация урока

+ Домашнее задание

[5] Типографика. Как грамотно применять шрифты и где их брать?

• Задачи типографики
• Что такое шрифт, гарнитура, начертание, кегль
• 4 основных типа гарнитур
• Платные и бесплатные шрифты
• Начальные предустановки (для новичков в дизайне)
• Чего нельзя делать в работе со шрифтами
• Где брать шрифты
• Как выбрать шрифт
• 5 запретных шрифтов
• Комбинации шрифтов

+ PDF презентация урока

[6] Графика и изображения. За счет чего создается шикарный визуал.

• Что такое растровая графика
• Что такое векторная графика
• Форматы графики и изображений
• Где найти классные фотографии
• Качество фотографий и разрешения экранов
• Как выбрать фото
• Где брать классные иконки (бесплатные источники)
• Какие бывают иконки
• Иллюстрации
• Почему стоит использовать иллюстрации
• Где брать графику

+ PDF презентация урока

[7] Насмотренность. Как прокачать вкус к хорошему дизайну?

• Что такое насмотренность и почему это важно
• Как развивать насмотренность
• Где и как смотреть крутые работы и развивать вкус
• Популярные дизайнерские ресурсы

+ Тест по главным принципам веб-дизайна

После прохождения модуля:

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

✸ Знаете, как управлять вниманием и эмоциями пользователей

✸ Знаете популярные ошибки и не допускаете их

✸ Понимаете, как правильно подбирать цвета и шрифты

✸ Умеете создавать классный визуал за счет работы с графикой и изображениями

✸ Знаете где искать любые элементы и материалы (шрифты, иллюстрации, иконки, изображения и т.д.)

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

[1-2] Копируем работу профессионального дизайнера

• Почему копирование проф. работ = важнейший элемент практики
• Пошагово создаем копию крутейшего лендинга с Dribbble (2 урока)

+ Файл с текстом лендинга

+ Шрифты из урока

+ Домашнее задание

[3] Фишки Фигмы на практике

• Быстрое выравнивание
• Диаграммы
• Стили и компоненты
• Перо 

и другие интересные штуки для приятной работы в Фигма.

[4] Техническое задание и поиск референсов для создания дизайна

• Что такое ТЗ и зачем оно нужно
• Разбор реального ТЗ
• Как найти референсы и зачем они нужны
• Где искать референсы и как их выбирать

[5-18] Пошаговое создание профессионального дизайна лендинга в Figma

• Практика создания реального лендинга в Figma c нуля до конечного результата
• 14 уроков с пошаговыми действиями
• Полное погружение в Figma до уровня PRO

+ Лого

+ Ссылка на сетку, иконки и изображения

+ Домашние задания

[19-20] Выравнивание элементов и отступы

• Все правила и логика выравниваний и отсутпов в веб-дизайне (один из самых важных уроков)

+ Домашнее задание

[21] Проверка итогового дизайна (5 видео чек-листов)

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

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

+ Домашнее задание

[22] Экзамен по Figma

Задание для обычных людей и гениев ;)

После прохождения модуля:

✸ На практике создали дизайн большого профессионального лендинга с нуля

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

✸ Углубились в возможности Фигмы и теперь умеете делать много крутых штук, которые делают дизайн уникальным и дают пространство для творчества

✸ Умеете находить классные референсы и осознанно перенимать идеи и фишки у известных дизайнеров

[1] Знакомство с Tilda

• Что такое Тильда и зачем она нужна?
• Шаблоны в Тильде
• Библиотека блоков
• Как работать с блоками (текст, картинки, контент)
• Обзор настроек блоков

[2-4] Практика в Zero Block. Переносим дизайн из Фигмы в Тильду.

• Практикуемся и осваиваемся в главном режиме Тильды - Zero Block
• Пошаговый перенос созданного (в предыдущем модуле) дизайна из Фигмы

+ Домашнее задание

* Ваша первая работа в портфолио

[5] Форма заявки. Создаем и настраиваем формы.

• Создание и настройка формы заявки в Zero Block

[6] Быстрое редактирование текста. Осваиваем блоки: галерея, отзывы, тарифы

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

[7] Мобильная версия (адаптивы)

• Как создать мобильные/адаптивные версии лендинга

+ Домашнее задание

[8] Создание красивой анимации (базовый уровень)

• Как делать простые и красивые анимации на лендинге в Тильде

+ Домашнее задание

[9] Создание красивой анимации (PRO уровень)

• Создание более сложной и интересной анимации. Пошаговая анимация в Тильде.

+ Домашнее задание

[10] Настраиваем наш сайт на Тильде

• Изучаем доступные настройки и применяем нужные

[11] Домен для нашего сайта

• Учимся покупать домены и привязывать их к Тильде

[12] Как загрузить свой шрифт в Тильду

• Короткий практический урок по загрузке своих шрифтов в Тильду

[13] Шапка и подвал сайта

• Создаем шапку и футер для нашего лендинга

После прохождения модуля

✸ Спокойно, пошагово научились переносить дизайн из Фигмы в Тильду. Настроили мобильные версии.

✸ Освоили Zero Block (режим работы НЕ на шаблонах)

✸ Изучили и применили красивую анимацию. Научились делать лендинги живыми и интересными.

✸ Настроили свой сайт, купили домен и словили себя на мысли, что это оказывается не так-то сложно и занимает немного времени.

✸ Освоили стандартные блоки, загрузили шрифты, которые нравятся вам лично. Создали меню и подвал лендинга.

[1] Что дизайнер должен знать о маркетинге

• Зачем маркетинг дизайнеру
• Как понимание маркетинга позволяет решать задачи клиентов

+ ДЗ

[2] Целевая аудитория

• Что такое целевая аудитория (ЦА)?
• Типы ЦА
• Как и зачем нужно понимать ЦА при создании сайта

+ ДЗ

[3] Формула продающего Landing Page

• Из каких блоков состоит продающий лендинг?

+ Схема продающего лендинга

+ ДЗ

[4-5] Что такое UX/UI? Законы UX.

• UX/UI дизайн - что это такое и зачем это нужно?
• UX законы

+ ДЗ

[6] Как устроена интернет-реклама

• Обзор основных видов рекламы: SEO, контекстная реклама, таргетированная реклама, реклама у блогеров
• Что дает понимание интернет-рекламы дизайнеру

+ ДЗ

[7] Экзамен по маркетингу

Индивидуальное задание по маркетингу

После прохождения модуля

✸ Узнали, как решать задачи заказчиков и подстраивать лендинги под нужную аудиторию

✸ Освоили формулу продающего лендинга. Научились делать лендинги, которые радуют заказчиков своей результативностью.

✸ Термины UX/UI стали вашими друзьями. Сделали первые шаги в понимании работы интерфейсов.

✸ Узнали, какая бывает реклама в интернете и как она работает. Повысили общую экспертность.

[1] Выбор темы для дипломной работы

• Как выбрать подходящую для вас тему дипломной работы

+ ДЗ

[2] Поиск референсов

• Как правильно искать референсы для дипломной работы (и не только)

+ ДЗ

[3] Создаем дизайн первых трех блоков

+ Сверка с чек-листом по композиции

+ ДЗ

[4] Создаем дизайн оставшихся блоков

+ Сверка с чек-листом по композиции

+ ДЗ

[5] Переносим дизайн в Тильду

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

+ ДЗ

* Ваша вторая работа в портфолио (+ на 2 и 3 Тарифе делаются дополнительные работы в портфолио с поддержкой вашего куратора)

[6] Создаем анимацию для дипломной работы

Полная свобода для вашего креатива в анимации ;)

+ ДЗ

[7] Создаем адаптивные версии дипломной работы

• Адаптивные (мобильные) версии вашей работы

+ ДЗ

После прохождения модуля

✸ Создали первые полноценные работы в портфолио

✸ Личный контроль куратора и разбор ваших работ сделали их ещё более качественными и профессиональными

[1] Цели и задачи вашего сайта-портфолио

• Для чего нужен свой сайт-портфолио
• Какие задачи решает наличие портфолио

+ ДЗ

[2] Как создать свой сайт-портфолио

• Из каких блоков создавать портфолио
• Какие смыслы важно отразить на сайте

+ ДЗ

[3] Как создавать кейсы из работ в портфолио

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

+ ДЗ

После прохождения модуля

✸ Есть собственный, красивый сайт-портфолио с описанием ваших услуг и примерами дизайнов

✸ Заметно выделяетесь на фоне большинства начинающих дизайнеров, у которых нет личного сайта

✸ Умеете преподнести свои работы в виде кейсов, что очень подкупает заказчиков

[1] Зачем нужен этот модуль и как его применять?

Почему дизайнеру важно иметь уверенность в себе и своих силах и как к этому прийти.

+ ДЗ

[2] Как мы устроены

Продолжаем погружаться в важнейшую тему.

+ ДЗ

[3] Внутренний монолог

Продолжаем погружаться в важнейшую тему.

+ ДЗ

[4] Практики

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

+ ДЗ

[5] Осознанное присутствие

Продолжаем погружаться в важнейшую тему и завершаем модуль.

После прохождения модуля

✸ Включили свет в темной комнате: разобрались, как устроено наше мышление

✸ Научились наблюдать за своими мыслями, реакциями, эмоциями и состояниями

✸ Поняли, как отделять ситуацию от реакции на ситуацию. Научились не вовлекаться в сон из мыслей

✸ Узнали о лучших в мире практиках и техниках, позволяющих управлять своим вниманием

[1] Общее позиционирование дизайнера

• Как позиционировать себя перед клиентом
• Как не бояться это делать ;)
• Чего боится клиент
• Как относиться к клиенту
• Что может быть нужно клиенту

+ ДЗ

[2] Как выстраивать работу с клиентом (поэтапно).

+ ДЗ

[3] Цены и правки

• Как действовать начинающему дизайнеру?
• Что нужно помнить при работе с клиентом
• Типы клиентов
• Ценообразование. Какие цены назначать за работу?
• Как быть с правками?

+ ДЗ

[4] Сбор детальной информации о проекте (брифование)

Как правильно собрать всю нужную информацию для работы с проектом.

+ ДЗ

[5] Проблемы и решения

Решение вопросов при работе с клиентами

+ ДЗ

После прохождения модуля

✸ Разобрались с общим позиционированием себя, как дизайнера. Понимаете, как быть экспертом в глазах клиента.

✸ Научились поэтапно выстраивать работу с клиентом. От первого контакта до приема оплаты и конечного результата.

✸ Утвердили свои цены на услуги. Знаете, как грамотно выстраивать финансовые отношения с клиентом.

✸ Умеете собрать всю нужную информацию о проекте для клиента, чтобы приступить к работе

[1] Как привлекать клиентов через соц. сети

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

+ ДЗ

+ Курс "Личный бренд в Instagram" (тарифы 2 и 3)

+ Хэштеги для постов в Instagram

[2] Секреты умных рассылок + лайфхак по увеличению среднего чека

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

+ Супер лайфхак, увеличивающий ваш средний чек

+ ДЗ

[3] Основные источники клиентов

• Разбираем на примерах где и как находить клиентов в 2021 году

+ Список лучших и актуальных каналов/чатов/бирж по поиску заказов (постоянно обновляется и дополняется)

+ ДЗ

[4] Важные рекомендации по поиску клиентов

+ ДЗ

[5] Размещаемся в Tilda Experts

• Как устроен Tilda Experts
• Как правильно разместиться там для получения заказов

+ ДЗ

После прохождения модуля

✸ Эффектно оформили соц. сети и теперь выделяетесь на фоне других дизайнеров. Ваш аккаунт сам по себе заставляет интересоваться вашими услугами.

✸ Научились составлять классные офферы потенциальным клиентам

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

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

✸ Получили конкретные инструкции и задания по поиску первых клиентов

✸ Выполнили задания и нашли первых клиентов, получили первые оплаты