Tilda 22. Модуль 1

Модуль 1

Концепция сайта

В этом модуле

Знакомство

Знакомимся с возможностями Tilda, тарифами
Изучаем алгоритм создания сайта

Примеры, виды сайтов

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

Концепция и макет

Создаем концепция нашего сайта, изучаем конкурентов, готовим макет будущего сайта
Знакомимся с видами блоков

Видеоуроки

Знакомимся с Tilda

Примеры и виды сайтов
Концепция сайта

Задание
Изучите другие сайты, созданные на Tilda. Зафиксируйте плюсы и минусы. Сделайте скрины понравившихся областей

Задание
Скачайте таблицу для создания сайтов и заполните по мере возможности.

Про Tilda и другие LMS (фрагмент вебинара)

Этапы разработки лэндинга

Определяем цель сайта

Определяем цель создания сайта: продажа образовательных продуктов, информационная, развлекательная, сайт-визитка, регистрация на промомероприятие, ЛИД (сбор электронных адресов в обмен на электронный адрес), многостраничный сайт, онлайн-курс, онлайн-школа,
магазин с корзиной и т.д.

Анализируем

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

Создаем концепцию сайта

Заполняем таблицу (прилагается ниже ) по примеру, приведенному в видеоуроке. Определяем концепцию сайта, ценность вашего продукта / услуги / мероприятия

Создаем макет

Заполняем таблицу (прилагается ниже ) по примеру, приведенному в видеоуроке. Определяем концепцию сайта.

Структура / макет сайта

Распечатываем бумажный конструктор сайта (прилагается ниже), разрезаем блоки и пытаемся собрать макет.
Можно сделать это на виртуальной доске Miro или Figjam
Если сайт многостраничный или это онлайн-курс, создаем сначала структуру сайта в ментальной карте. Можно использовать сервис xMind в бесплатной версии или просто нарисовать схему на листе бумаги.

Готовим дизайн и контент

Готовим текстовые блоки, иллюстрации, иконки, подбираем цветовую палитру
Создаем страницы сайта, наполняем блоками

Верстаем сайт

Загружаем материалы на Tilda, добавляем кнопки, настраиваем страницы, тестируем, дорабатываем

Материалы для скачивания

Таблица "Концепция сайта"

Пример ментальной карты

начнем работать в 3 модуле

Конструктор сайта (pdf)