Критерий
BASE - 2 группы
PRO - 1 группа
6 недель
Цель: понять весь процесс разработки сайта на Тильде от брифа до передачи сайта заказчику, освоить программу Figma и делать дорогой дизайн, понять все фишки Tilda и научиться делать Интернет-Магазины и начать зарабатывать на сайтах уже во время курса
12 групповых встреч в Zoom на 1-1,5 часа, 2 созвона в неделю. Ставим цели, разбираем волнующие вопросы.
Личный кабинет с уроками в записи на год. 8 модулей, 20 доп. материалов. + 9ый бонусный модуль.
Проверка ДЗ
Кураторы - тех.часть; Я - дизайн, коучинг, ответы на вопросы
Лично
Групповой Telegram-чат для поддержки и решения вопросов во время курса
Групповое комьюнити (доступ навсегда, эфиры со спикерами каждую неделю, марафоны)
Личный Telegram-чат со мной для поддержки и помощи напрямую от меня
1 личный созвон со мной (в течении 3х месяцев со старта менторства)
Эфиры с приглашенными экспертами
Эксперт по Личному бренду - онлайн, лекция Юриста - в записи
Эксперт по личному бренду, юрист и психолог
Модуль
Описание модуля
Результат
Содержание и уроки модуля
Задания
Основы работы в Figma
Как работать в Figma эффективно и быстро.
В результате модуля вы научитесь работать в Figma, будете знать весь функционал, и создадите свой первый дизайн-макет сайта!
1.Зачем нужна Figma + обзор интерфейса
2.Подробный разбор функционала: - Панель слоев (группы, фреймы, сетка) - Панель инструментов ( фигуры, объекты,изображения, кривые) - Панель инструментов - текст, размер тектового контейнера
3.Какие Горячие клавиши ускорят работу в Figma
4.Как сделать привязку к сетке и настроить выравнивание
5. Создание компонентов и стилей
6.Дополнительные плагины (доп. настройки) для эффективной работы 7.Прототипирование первого дизайна сайта + анимация ДЗ для закрепления информации
1. Зарегистрироваться в Figma
2. Установить Фигму на компьютер
3. Дублировать себе макет для выполнения ДЗ
4. Скачать шрифты для выполнения ДЗ
5. Установить расширения
6. Перенести дизайн-макет с сайтп в Figma, используя щрифт, плагины и инструменты Фигмы
Основы веб-дизайна
2 прямых эфира (вопрос-ответ) 
Отдельная Pro группа
Личный кабинет с уроками в записи на год. 7 модулей, 20 доп. материалов. + 8ой бонусный урок.
Проверка ДЗ
Куратором
Лично
Групповой Telegram-чат для поддержки и решения вопросов во время курса
Telegram-чат выпускников
Личный Telegram-чат со мной для поддержки и помощи напрямую от меня
2 личных созвона со мной (в течении 2х месяцев со старта менторства)
Эфиры с приглашенными экспертами (Психолог, Юрист)
Программа курса
Критерий
START
Основы работы в Figma
  1. Регистрация в Tilda, обзор тарифов
  2. Обзор шаблонов - с чего начать создание сайта
  3. Библиотека стандартных блоков
  4. Работа с Настройками Блока
  5. Работа с контентом Блока
  6. Библиотека “Обложка”
  7. Хедер, футер
  8. Форма Tilda
  9. Работа с отступами
  10. Библиотека “Другое”
  11. Анимация стандартных блоков
8 групповых встреч в Zoom на 1,5-2 часа, 2 созвона в неделю. Ставим цели, разбираем волнующие вопросы.
2 прямых эфира (вопрос-ответ) 
Личный кабинет с уроками в записи на год. 7 модулей, 20 доп. материалов. + 8ой бонусный урок.
Проверка ДЗ
Групповой Telegram-чат для поддержки и решения вопросов во время курса
Telegram-чат выпускников
Личный Telegram-чат со мной для поддержки и помощи напрямую от меня
2 личных созвона со мной (в течении 2х месяцев со старта менторства)
Эфиры с приглашенными экспертами (Психолог, Юрист)
Основы работы в Figma
  1. Введение: зачему нужна Figma, обзор интерфейса
  2. Панель слоев (группы, фреймы, сетка)
  3. Панель инструментов ( фигуры, объекты,изображения, кривые)
  4. Панель инструментов - текст, размер тектового контейнера
  5. Горячие клавиши фигма
  6. Привязка к сетке
  7. Выравнивание
  8. Создание компонентов, стилей
  9. Плагины
  10. Прототипирование
  11. Анимация прототипа
  12. Перенос дизайна из Figma в Tilda
  13. ДЗ для закрепления информации
Основы веб-дизайна
  1. Сетка и выравнивание
  2. Визуальная иерархия
  3. Основы типографики
  4. Работа с цветами
  5. Контент для сайта: работа с фотографией, фотостоки
  6. Подбор референсов и анализ конкурентов - как и где их искать
  7. Создание мудборда и работа с референсами
  8. Разработка структуры сайты
  9. ДЗ для закрепления информации
  10. Выбор проекта для работа (2 реальных проекта от заказчиков)
Разработка сайта на Tilda (Стандартные блоки)
  1. Регистрация в Tilda, обзор тарифов
  2. Обзор шаблонов - с чего начать создание сайта
  3. Библиотека стандартных блоков
  4. Работа с Настройками Блока
  5. Работа с контентом Блока
  6. Библиотека “Обложка”
  7. Хедер, футер
  8. Форма Tilda
  9. Работа с отступами
  10. Библиотека “Другое”
  11. Анимация стандартных блоков
Интернет-Магазин и функция Потоки на Tilda
  1. Библиотека “Магазин” на Tilda
  2. Карточка товара
  3. Создание раздела каталога, фильтры
  4. Создание товара, заполнение необходимых пунктов для товара
  5. Характеристики товара
  6. Добавление вариантов товара
  7. Дополнительные опции товаров
  8. Создание и настройка корзины
  9. Промокода, настройки оплаты
  10. Функция потоки - ведение новостей и блога
  11. Создание постов
Zero block
  1. Настройки артборда
  2. Как добавить контент?
  3. Работа с шейпом
  4. Grid container vs Window container
  5. Адаптив под планшетные и мобильные устройства
  6. Базовая Анимация
  7. Steb-by -step анимация
Технические настройки - Что делать, когда сайт готов? 
  1. Настройки страницы: ключевые слова, бейджик для соц сетей
  2. Настройки сайта: Мета - теги: Title и Description
  3. Теги H1, H2, H3
  4. Загрузка фавикона
  5. Страница 404 - зачем она и как ее сделать
  6. Домен - как подключать
  7. Формы и прием данных из форм
  8. Аналитика
  9. Переадресация https/http и www/без www
  10. Добавление сайт в Google Search Console и Яндекс.Вебмастер
Стратегия поиска клиентов
  1. Где искать клиентов и заказы
  2. Регистрация в Tilda experts
  3. Соц сети - стратегия поиска
  4. Телеграм каналы - в каких искать и как
  5. Как написать самопрезентацию, чтобы тебе ответили.
  6. Как отвечать на вакансии? Как заинтересовать клиента
  7. Разработка ответа
  8. Ценообразование
Бонусный урок Работа с модификациями на Tilda
  1. Основы HTML/CSS
  2. Разбор структуры веб-страницы
  3. Основы работы с инструментами разработчика в браузере
  4. Разбор популярных модификаций
  5. Создание собственных модификаций
Made on
Tilda