Тильда Гуру [Школа Молнии] [Сергей Ананьев]

[Bot]

БЛОК 1

МОДУЛЬ #01. КОПИРАЙТИНГ + ПРОТОТИПИРОВАНИЕ
1.1. Брифинг, часть 1

• Формат общения с клиентом
• Как провести брифинг правильно
• Типы вопросов клиенту

1.2. Брифинг, часть 2

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

1.3. Брифинг, часть 3

• Как презентовать себя и свои услуги
• Как озвучить свои ценники и отстоять их
• Как отрабатывать классические возражения
• Как вывести клиента на следующий созвон/встречу

2. Анализ конкурентов

• Изучение брифа. Работа с брифом

3. Разработка структуры

• Классические маркетинговые техники

4. Тексты

• Как строятся офферы, заголовки, ценности
• Как отвечать запросам ЦА

5. Прототип на Тильде

• На что обращать внимание при разработке

Результат: готовый прототип с заголовками, структурированным текстом

МОДУЛЬ #02. ДИЗАЙН-КОНЦЕПЦИЯ ЛЕНДИНГА

6. Работа с референсами

• Где искать
• Как вести персональную базу референсов
• Насмотренность
• Как подбирать референсы под задачу
• Как обсуждать референсы с заказчиком

7. Теория цвета

• Теория цвета
• Цветовой круг
• Настроение цвета
• Сочетание цветов
• Контрастность
• Особенности колористики в вебе
• Цветовые палитры

8. Строение буквы. Классификация гарнитур

• Апертура
• Прописные, строчные, капитель
• Шрифт или гарнитура
• Начертания
• Гротески
• Антиквы

9. Параметры шрифта

• Кегль
• Ширина строки
• Интерлиньяж
• Трекинг
• Кернинг
• Выключка
• Деление абзацев

10. Иерархия шрифтов

• Заголовки
• Подзаголовки
• Наборный текст
• Шильдик
• Подпись

11. Шрифтовые пары
12. Подготовка визуала

• Как и где подбирать графику для дизайна

13. Разработка первого экрана

• Как делать первые классные продающие экраны и акценты в дизайне

Результат: Готовая дизайн-концепция лендинга в три блока

МОДУЛЬ #03. UX И АНИМАЦИЯ ЛЕНДИНГА

14. UX/UI

• Ховер
• Навигация
• Инпуты, поля для ввода
• Иерархия кнопок
• Дизайн-системы/согласованность элементов

15. Независимая анимация заголовков
16. Независимая анимация графики
17. Зацикленная анимация
18. Анимация текста и элементов дизайна по скроллу
19. Анимация переходов
Результат: готовая анимированная, проработанная дизайн-концепция лендинга


МОДУЛЬ #04. ДИЗАЙН ЛЕНДИНГА

20. Поиск клиентов

• Как сформировать образ эксперта
• Каналы привлечения клиентов
• Как сформировать воронку клиентов

Эфир: тренировка переговоров
Результат: готовый дизайн лендинга


МОДУЛЬ #05. АДАПТИВ ЛЕНДИНГА

21. Адаптив

• Все нюансы адаптива
• Grid-контейнер
• Автоскейл

22. Пусконаладочные работы

• Фавикон
• Бейджи
• 404 страница
• Политика конфиденциальности
• Заголовки H1
• Настройка форм захвата

Бонус: чек-лист пусконаладочных на Тильде
Результат: готовый лендинг под все виды устройств


МОДУЛЬ #06. УПАКОВКА ЛЕНДИНГА

23. Коммерческие предложения

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

24. Упаковка кейсов

• Куда выкладывать кейсы
• Работа со своими соцсетями
• Что публиковать: посты, видео, рилсы
• Что рассказывать в кейсах

Эфир: дизайн-баттл двух дизайнеров
Результат: кейс по проекту с публикациями в соцсетях

БЛОК 2
МОДУЛЬ #07. ПРОТОТИПИРОВАНИЕ МНОГОСТРАНИЧНОГО САЙТА
25. Как сделать прототип многостраничника

• Принципы разработки и важные моменты

26. Тексты для многостраничников

• Отличия от текстов для лендинга

27. Выбор TOV

• Инструменты по работе с текстами

28. Базовые моменты UX-копирайтинга

• Как прописывать тексты для форм и кнопок
• Хедер/футер/шаблоны страниц

29. UX/UI

• Навигация, хлебные крошки
• Alias-блоки
• Выбор между стандартными и Zero-блоками в зависимости от задачи

Результат: готовый прототип многостраничного сайта с навигацией по всем законам UX
МОДУЛЬ #08. ДИЗАЙН-КОНЦЕПЦИЯ МНОГОСТРАНИЧНОГО САЙТА
30. Вёрстка

• Композиция
• Модульные сетки
• Силовые линии

31. Сетки

• Grid-контейнер
• Автоскейл
• Window-контейнер

Эфир: тренировка переговоров

Результат: готовая дизайн-концепция первых трёх блоков главной страницы сайта
МОДУЛЬ #09. ДИЗАЙН МНОГОСТРАНИЧНОГО САЙТА
32. Независимая анимация нескольких элементов в одной композиции
33. Хаотичная анимация элементов
34. Анимация галереи
35. Анимация разлетающихся элементов по скроллу
36. Анимация по скроллу по пути
37. Анимация по скроллу по пути нескольких элементов
38. Анимация по скроллу с масками
39. Зависимая анимация подсказок
40. Зависимая анимация карточек

Результат: готовый дизайн многостраничного сайта

МОДУЛЬ #10. АДАПТИВ МНОГОСТРАНИЧНОГО САЙТА
41. Адаптив

• Ускоренный адаптив
• Шаблоны для адаптива
• Фишки и нюансы
• Подводные камни и лайфхаки про копии страниц и замену контента

42. Пусконаладочные работы

• Яндекс.Метрика и Google Аналитика
• Google-вебмастер и Google-консоль для индексирования в поисковиках
• Подключение домена
• Проверка на правильность, знак защиты копирайтинга
• Подключение почты для отправления заявок
• CRM

Бонус: чек-лист пусконаладочных на Тильде

43. Обучение клиента работе с сайтом

• Запись роликов
• Сбор дока с доступами
• Как зайти
• Как редактировать

Результат: готовый многостраничный сайт под все виды устройств
МОДУЛЬ #11. УПАКОВКА МНОГОСТРАНИЧНОГО САЙТА

44. Как вести клиента в процессе разработки

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

Эфир: дизайн-баттлдвух дизайнеров

Результат: кейс по проекту с публикациями в соцсетях

БЛОК 3

МОДУЛЬ #12. ПРОТОТИП ИНТЕРНЕТ-МАГАЗИНА

45. Функционал интернет-магазинов

• Каталоги товаров
• Карточки и страницы товаров
• Ограничения функциональности (что можно и что нельзя сделать)

46. Нюансы прототипирования
47. UX интернет-магазинов
Результат: гготовый прототип интернет-магазина

МОДУЛЬ #13. ДИЗАЙН-КОНЦЕПЦИЯ ИНТЕРНЕТ-МАГАЗИНА
48. Работа с кодом
Уникальные кнопки, меню, слайдеры и прочие возможности расширения функционала Тильды
49. Анимация персонажей и транспорта
50. Анимация падающих фигур

Результат: готовая дизайн-концепция главной страницы интернет-магазина

МОДУЛЬ #14. ДИЗАЙН ИНТЕРНЕТ-МАГАЗИНА

51. Анимация коллажей по скроллу
52. Анимация с перспективой по скроллу
53. Анимация с фиксированием по скроллу
54. Горизонтальный скролл с параллаксом

Эфир: тренировка переговоров

Результат: готовый дизайн интернет-магазина

МОДУЛЬ #15. АДАПТИВ ИНТЕРНЕТ-МАГАЗИНА
55. Зависимая анимация эффектов
56. Анимация кнопок
57. Зависимая анимация с помощью background blur
58. Анимация карточек во весь экран
59. Пусконаладочные работы

• Подключение банкингов
• CRM

Результат: готовый сайт интернет-магазина под все виды устройств
МОДУЛЬ #11. УПАКОВКА ИНТЕРНЕТ-МАГАЗИНА

60. Как завершить проект, чтобы все остались довольны

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

Эфир: дизайн-баттл двух дизайнеров

Результат: кейс по проекту с публикациями в соцсетях

Для просмотра скрытого содержимого необходимо Войти или Зарегистрироваться.