лендинг для продажи онлайн-курса «Бухгалтер на удалёнке»

13 смысловых блоков
#cтруктура
#cмыслы
#тексты
#дизайн-макет
#верстканаZero
#SBSанимация
#подключ
Перейти на сайт
2022
задача
о проекте
клиент и продукт
Елена — владелец бизнеса, практикующий бухгалтер, автор онлайн-курсов, основатель онлайн бизнес-школы и мой постоянный клиент :)
Создать продающий лендинг для запуска онлайн-курса под ключ
Онлайн-курс «Бухгалтер на удалёнке» — новый продукт в линейке онлайн бизнес-школы. Поэтому важно донести ценность продукта и получить как можно больше продаж
Провела анализ конкурентов с точки зрения структуры, смыслов и дизайна
01
Проанализировала целевую аудиторию
02
Разработала продающую структуру лендинга для смешанной аудитории
03
Разработала обновленную дизайн-концепцию
04
Нарисовала дизайн-макет, сверстала лендинг на Zero-block в Tilda и настроила адаптивную версию для мобильных телефонов
05
06
Подключила формы заявок
На основе анализа конкурентов и целевой аудитории была разработана продающая структура, включающая в себя 13 смысловых блоков
Проработанная структура дает потенциальным ученикам полное понимание того, что их ждет на курсе, чему они научатся и какой результат получат, а также помогает принять конечное решение — выбрать тариф и купить курс

реализация проекта

Мудборд к сожалению не сохранился, ниже представлена шрифтовая пара и цветовая палитра
#F9F9F9
#242424
#030F21
#01BB8F
#00A77B

функционал и особенности проекта

01
Использовала кастомные табы, в которые разместила полное описание программы. Каждая карточка включает в себя основное описание модуля, список уроков и результат, которого достигнут ученики, пройдя этот модуль
Кастомные табы на коде
02
Сайт готовился для смешанного трафика, холодную часть нужно было прогреть до теплой аудитории. Поэтому мы максимально подробно показали блок с кейсами, включая прогресс ученика и оригинал видео- или текстового отзыва
Блок с отзывами учеников других курсов
03
Настроила адаптивную версию для посмотра лендинга с мобильных телефонов. Цель адаптивной версии — удобство пользователей и повышение конверсии, поскольку более 80% просматривает сайт с телефона
Адаптивный дизайн
04
  • Использовала блоки c HTML-кодом, чтобы создать дизайн с вау-эффектом и решить отдельные задачи
Кроме того:
  • Настроила эффект печатной машинки, чтобы на главном экране разместить оффер, который максимально охватит все боли и сегменты целевой аудитории
  • Совместно с техническим специалистом сделали интеграцию лендинга с Геткурсом, внедрили форму для заполнения и оплату тарифов
  • Настроила бегущую строку, которая привлекает внимание и информирует об обновленной программе курса
  • Настроила SBS-анимацию кнопок

отзыв заказчика

В марте 2022 года я решила оформить сайт для своей онлайн-школы. Разместила вакансию и среди сотен предложений я получила вот это: «Елена, здравствуйте! Меня зовут Людмила, я дизайнер инфобизнеса. Готова обсудить создание сайта для онлайн-школы!»
Моя предпринимательская интуиция меня не подвела…
Нажимая на кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности
Задать вопрос в мессенджере

оставьте заявку и я Предложу наиболее оптимальное решение вашей задачи

Сообщение об успешной отправке!