Андрей преподает онлайн-курс «Дизайнер на Tilda». Работает в дизайне более 10 лет, использует Tilda как основной инструмент. Арт-директор Tilda Publishing. Работал веб-дизайнером, UX-дизайнером и дизайнером коммуникации. Куратор и преподаватель программы «Дизайнер интерфейсов».
АНДРЕЙ МАЛЕВАНИК
Эксперт видеокурса
«Создаем сайт»
Конструктор сайтов Tilda
«Посадочная страница»
Сторителлинг
Лендинг
(от англ. landing)
(от англ. storytelling - рассказывание историй)
(от англ. landing page)
Арт-директор
ГЛОССАРИЙ
НОВЫЕ СЛОВА, КОТОРЫЕ ТЫ УЗНАЕШЬ
РАССКАЗЫВАЕМ СВОЮ ИСТОРИЮ
ЭТАП 1
ЗАДАНИЕ 1
Придумай, чем ты хочешь поделиться с друзьями, о каких проектах рассказать.
РЕЗУЛЬТАТ 1
Есть три идеи для проекта, о чем я хочу рассказать миру.
Все готово? Переходи к следующему этапу!
Не забудь поставить хештег:
#ДЕЛАЕМСАЙТ
ПОЛЕЗНЫЕ ССЫЛКИ
ПОДЕЛИТЬСЯ В СОЦСЕТЯХ
#ДЕНЬ1
ЧТО ТАКОЕ ЛЕНДИНГ?
ЭТАП 2
ЗАДАНИЕ 2
Познакомься с Tilda и найди в интернете 2−3 сайта-лендинга, которые тебе нравятся. Расскажи друзьям об идее своего проекта.
РЕЗУЛЬТАТ 2
Я знаю, что такое лендинг. Найдены три удачных примера лендингов, которые меня вдохновляют.
Все готово? Переходи к следующему этапу!
Не забудь поставить хештег:
#ДЕЛАЕМСАЙТ
ПОЛЕЗНЫЕ ССЫЛКИ
ПОДЕЛИТЬСЯ В СОЦСЕТЯХ
#ДЕНЬ2
ЧТО ТАКОЕ СТОРИТЕЛЛИНГ?
ЭТАП 3
ЗАДАНИЕ 3
Напиши текст для сайта. Используй структуру: заявление — аргументация — вывод.
РЕЗУЛЬТАТ 3
Написан текст для будущего сайта.
Все готово? Переходи к следующему этапу!
Не забудь поставить хештег:
#ДЕЛАЕМСАЙТ
ПОЛЕЗНЫЕ ССЫЛКИ
ПОДЕЛИТЬСЯ В СОЦСЕТЯХ
#ДЕНЬ3
СОЗДАЕМ СВОЙ САЙТ
ЭТАП 4
ЗАДАНИЕ 4
Cоздай в своем аккаунте Tilda новый сайт. Добавь заголовок и описание.
РЕЗУЛЬТАТ 4
Создан новый сайт в аккаунте Tilda. Написан заголовок и подзаголовок.
Все готово? Переходи к следующему этапу!
Не забудь поставить хештег:
#ДЕЛАЕМСАЙТ
ПОЛЕЗНЫЕ ССЫЛКИ
ПОДЕЛИТЬСЯ В СОЦСЕТЯХ
#ДЕНЬ4
СОЗДАЕМ ПЕРВЫЙ ЭКРАН САЙТА
ЭТАП 5
ЗАДАНИЕ 5
Создай первый экран сайта. Используй написанный ранее текст.
РЕЗУЛЬТАТ 5
Сделан первый экран моего сайта с заголовком и подзаголовком.
Все готово? Переходи к следующему этапу!
Не забудь поставить хештег:
#ДЕЛАЕМСАЙТ
ПОЛЕЗНЫЕ ССЫЛКИ
ПОДЕЛИТЬСЯ В СОЦСЕТЯХ
#ДЕНЬ5
СОЗДАЕМ ЭКРАН «ПРОЕКТ»
ЭТАП 6
ЗАДАНИЕ 6
Cоздай экран сайта «О проекте». Используй блок из одноименного раздела.
РЕЗУЛЬТАТ 6
Сделан второй экран сайта с описанием проекта.
Все готово? Переходи к следующему этапу!
Не забудь поставить хештег:
#ДЕЛАЕМСАЙТ
ПОДЕЛИТЬСЯ В СОЦСЕТЯХ
#ДЕНЬ6
СОЗДАЕМ ЭКРАН «КОМАНДА»
ЭТАП 7
ЗАДАНИЕ 7
Cоздай экран сайта «О команде». Используй блок из раздела «Команда».
РЕЗУЛЬТАТ 7
Создан третий экран сайта с рассказом о команде.
Все готово? Переходи к следующему этапу!
Не забудь поставить хештег:
#ДЕЛАЕМСАЙТ
ПОЛЕЗНЫЕ ССЫЛКИ
ПОДЕЛИТЬСЯ В СОЦСЕТЯХ
#ДЕНЬ7
СОЗДАЕМ ЭКРАН «МЕРОПРИЯТИЕ»
ЭТАП 8
ЗАДАНИЕ 8
Cоздай экран сайта «Расписание» при помощи блока из одноименного раздела. Еще немного — и сайт готов!
РЕЗУЛЬТАТ 8
Создан четвертый экран сайта с расписанием мероприятия.
Все готово? Переходи к следующему этапу!
Не забудь поставить хештег:
#ДЕЛАЕМСАЙТ
ПОДЕЛИТЬСЯ В СОЦСЕТЯХ
#ДЕНЬ8
СОЗДАЕМ ЭКРАН «АДРЕС»
ЭТАП 9
ЗАДАНИЕ 9
Cоздай экран сайта «Адрес» с помощью специального блока и сервиса Yandex maps.
РЕЗУЛЬТАТ 9
Сделан пятый экран сайта с адресом и картой.
Все готово? Переходи к следующему этапу!
Не забудь поставить хештег:
#ДЕЛАЕМСАЙТ
ПОДЕЛИТЬСЯ В СОЦСЕТЯХ
#ДЕНЬ9
ДЕЛИМСЯ ПРОЕКТОМ
ЭТАП 10
ЗАДАНИЕ 10
Настрой параметры, добавь обложку сайта и жми «Поделиться страницей».
Ура, получилось!
РЕЗУЛЬТАТ 10
Сделали настоящий сайт своими руками!
Все готово? Переходи к следующему этапу!
Не забудь поставить хештег:
#ДЕЛАЕМСАЙТ
ПОДЕЛИТЬСЯ В СОЦСЕТЯХ
#ДЕНЬ10
Конкурс
Есть вопросы?