Практическое занятие №1 (1)

1. ПРАКТИЧЕСКОЕ ЗАНЯТИЕ №1 Дисциплина «Цифровые инструменты и сервисы для решения профессиональных задач»

Базовая кафедра цифровой экономики ИРИО
ФГБОУ ВО РЭУ им. Г.В. Плеханова
2024 г.

2. Содержание задания на практическое занятие №1

Задание - разработка индивидуального проекта
Проект – дизайн-макет страницы лендинга
Лендинг, посадочная страница, целевая страница,
одностраничный сайт - синонимы
Лендинг – самостоятельный сайт (отдельная страница),
призывающий посетителей совершить целевое действие
Целевое действие:
подписка;
продажа товара (услуги);
ознакомление целевой аудитории с информацией;
распространение информации через целевую аудиторию

3. Перечень действий на практическом занятии №1

Определение темы индивидуального проекта
Определение типа лендинга
Определение категории лендинга
Внесение полученных данных в карточку объекта проекта
Сохранение файла
Направление файла карточки объекта проекта на проверку

4. Определение темы индивидуального проекта:

Тему проекта определяет студент самостоятельно и на
свое усмотрение
Источник информации – профиль деятельности организации
(персоны), для которой будет разработан дизайн-макет
лендинга
Идеи для темы проекта:
Создание лендинга продукта, акции на продукт
Создание лендинга мероприятия, события, программы лояльности
Создание лендинга организации, персоны

5. Примеры дизайн-макета лендинга:

Новая модель смартфона – лендинг продукта
Услуги по ремонту бытовой техники – лендинг продукта
Акция на покупку квартиры – лендинг акции на продукт
Система скидок авиакомпании – лендинг программы лояльности
Выставка ретро-автомобилей – лендинг мероприятия
Встреча с автором бестселлера – лендинг мероприятия
Сайт-визитка педагога по вокалу – лендинг персоны
Сайт мастерской игрушек – лендинг организации
Сайт транспортной компании – лендинг организации

6. Определение типа лендинга:

Тип лендинга определяет студент самостоятельно и на
свое усмотрение
Возможные варианты:
автономный (полноценный) лендинг – одностраничный сайт,
построенный по принципу «действуй или уходи»
микросайт (сайт-визитка) – информирующий лендинг – чтобы
пользователь смог лучше разобраться в товаре или услуге
отдельная страница уже существующего сайта – для сбора
внутреннего трафика продаж товара (услуги) или отдельного
проекта организации

7. Определение категории лендинга:

Категорию лендинга определяет студент самостоятельно
и на свое усмотрение
Возможные варианты:
Продающий лендинг – прямая продажа на странице
Подписной лендинг – получение телефона, мейла пользователя
(часто в обмен на преимущество или бонус)
Информационный лендинг – ознакомление с товаром (услугой),
информацией о мероприятии, акции, бонусной программе
Вирусный лендинг – распространение информации, репост в
социальных сетях
Дифференциальный лендинг – комбинирует признаки
нескольких категорий задачи разработки лендинга (чаще
используются в интернет-магазинах и крупных проектах)

8. Карточка проекта – дизайн-макет лендинга

Характеристика проекта
Тема проекта
Тип лендинга
Категория задачи разработки
Описание характеристики

9. Сбор исходных данных о деятельности организации (персоны)

Студент осуществляет сбор исходных данных
самостоятельно
Рекомендуется использовать открытые источники
информации
Необходимо оперировать актуальной информацией
Необходимо удостовериться, что тема индивидуального
проекта не совпадает с проектами, уже реализованными
(реализуемыми) выбранной организацией (персоной)
Студент дает характеристику деятельности организации
(персоны) – текст не более 1 стр. А4, кегль 14,
полуторный интервал, шрифт Times New Roman, можно
сопроводить картинками логотипа

10. Определение структуры лендинга

Структура лендинга – это последовательность блоков
Выбор и расположение блоков должно мотивировать
пользователя к совершению целевого действия
Базовый набор блоков:
Обложка (первый экран)
Рассказ о продукте (проекте, персоне)
Описание результата совершения целевого действия
Призыв к действию
Социальные доказательства
Сопутствующая информация

11. Выбор конструктора и шаблона лендинга

Студент вправе самостоятельно выбрать дополнительный
конструктор и шаблон для лендинга
Рекомендуется:
учесть существенные параметры и функциональные возможности
конструкторов лендинга
руководствоваться личным опытом (при наличии)
учесть специфику выбранного объекта проекта (карточка проекта)
учесть техническую оснащенность личного автоматизированного
рабочего места

12. Конструкторы лендинга

Tilda – https://tilda.cc/ru/ фокус на визуальном оформлении и эстетике
(получение навыков работы является обязательным)
Wix – https://ru.wix.com/ фокус на большой выбор элементов и детали
Unisender Business – https://www.unisender.com/ru/business/konstruktor-
landing-page-besplatno/ фокусом на тематические шаблоны и
автогенератор страниц
LPgenerator – https://lpgenerator.ru/ фокус на большую библиотеку
шаблонов и возможность интегрировать собственный дизайн
Flexbe – https://flexbe.ru/ фокус на интерактивные формы и возможности
произвольного размещения элементов
Bloxy – https://bloxy.ru/ фокус на блоки с подсказками для написания
текста и инструменты для повышения конверсии
Платформа LP – https://platformalp.ru/ фокус на встроенную аналитику и
техническую онлайн-поддержку 24/7
Mottor – https://lpmotor.ru/ фокус на адаптивные тематические шаблоны,
встроенную CRM-систему

13. Параметры и функциональные особенности конструкторов лендинга

14. Составление текста для лендинга

Студент самостоятельно составляет текст для лендинга
Рекомендации:
текст в блоке - небольшой по объему, максимально информативный
текст сформулирован конкретно, без излишней детализации, емко
не следует злоупотреблять профессиональной лексикой и
образностью выражений

15. Подбор изображений для лендинга

Студент самостоятельно подбирает изображения для
лендинга
Рекомендации:
могут быть использованы библиотеки изображений (видео)
выбранного конструктора лендинга
могут быть импортированы изображения (видео) из открытых
библиотек (в том числе бесплатные изображения без авторских
отчислений)
Варианты:
https://www.freeimages.com/ru/image
https://www.istockphoto.com/ru

16. Разработка дизайн-макета лендинга

Студент самостоятельно разрабатывает дизайн-макет
лендинга
Лендинг выполняется в соответствии со структурой
Лендинг выполняется в выбранном конструкторе
Лендинг выполняется в выбранном шаблоне
Лендинг наполняется контентом из подготовленного текста,
подобранных изображений (видео)
Дизайн-макет (итоговая композиция блоков) лендинга
сохраняется в виде файла в формате .pdf
Файл выгружается в LMS на проверку

17. Проверка выполнения задания по чек-листу

18. Состав отчетности по практическому занятию №1

Файл отчета по практическому занятию №1:
Карточка проекта
Характеристика деятельности объекта проекта
Структура дизайн-макета страницы лендинга для проекта
Файл отчетом и дизайн-макетом лендинга по проекту с
названием «контент лендинга» в формате .pdf

19. Карточка проекта (пример)

Характеристика проекта
Описание характеристики
Тема проекта
Организация «Геолог».
Геодезические работы
Тип лендинга
Микросайт
Категория задачи разработки
Продающий лендинг

20. Характеристика деятельности объекта (пример)

Организация «Геолог»
Адрес: г. Москва, ул. Ферсмана, д. 9
Организация "Геолог" занимается геодезической деятельностью в
строительстве, включая полное обеспечение геодезических работ
в геологической документации, горном проектировании, среде
обитания
Геодезические работы - это комплекс мероприятий,
предполагающих получение точной информации о существующей
инфраструктуре и элементах планировки территории
Геодезические методы, применяемые Организацией «Геолог»,
имеют решающее значение для оценки геоопасностей и
антропогенных угроз

21. Структура дизайн-макета страницы лендинга для проекта (пример)

Обложка (первый экран)
Рассказ о продукте (проекте, персоне)
Описание результата совершения целевого действия
Призыв к действию
Социальные доказательства
Сопутствующая информация

22. Обложка (первый экран) Заголовок: «Поможем посадить дом»

ОРГАНИЗАЦИЯ «ГЕОЛОГ»
ПОМОЖЕМ ПОСАДИТЬ ДОМ

23. Рассказ о продукте (проекте, персоне) Описание продукта:

делаем замеры местности
обрабатываем замеры
составляем планы, карты
описываем рельеф
готовим данные для строительства
готовим данные для изменения рельефа местности
описываем состояние объекта строительства

24. Рассказ о продукте (проекте, персоне) Портрет целевой аудитории:

производим геодезические работы «под ключ»
работаем по готовому ТЗ
подготовим ТЗ по вашему запросу

25. Описание результата совершения целевого действия

Преимущества (выгода) для наших клиентов:
собственная техника; согласование всех этапов работ;
видеосъемка работ
Сценарии использования продукта:
расскажем обо всех рисках и разработаем варианты
решений
Результат:
качественные геодезические работы по графику и под
вашим контролем

26. Призыв к действию

покажем, как посадить дом так, чтобы в нем
смогли жить ваши прапрапраправнуки
кнопка «Связаться с нами»

27. Социальные доказательства

работаем с 2010 года; лицензии и сертификаты
качества; более 5000 заказов
Фоторяд для визуального представления доказательств:
сертификаты, дипломы, лицензии
Дополнительно кнопки «Ссылка на каталог», «Отзывы
клиентов», «Рекомендации партнеров»

28. Сопутствующая информация

контактная информация
форма обратной связи (имя, номер телефона, поле для
текста)
кнопка «Отправить»

29.

Благодарю за внимание!