В 2022 году летом мне поступил запрос от команды эксперта Виктории Иконниковой на создание сайта под запуск программы ПИОН — программа по личностному росту.
✅ И сегодня, на его основе, я расскажу о том, как правильно оформлять сайт для продажи услуг, что точно должно быть на сайте и как должна выглядеть продающая упаковка
КАКАЯ БЫЛА ЗАДАЧА?
Задача — создать максимально стильный и продающий по смыслам лендинг для запуска ПЕРВОГО потока курса по личностному росту
Осложняло задачу то, что это курс по мышлению, личностному росту, и поэтому текста много , а его визуализировать сложно, но при этом очень важно, так как сплошной текст никогда не читают на сайтах
📌 Запомните: сейчас у большинства пользователей клиповое мышление — тоесть мы должны максимально быстро завоевать внимание клиента
ШПАРГАЛКА: ЧТО ВАЖНО ПРИ СОСТАВЛЕНИИ САЙТА ДЛЯ ЗАПУСКА
- Заранее продумать структуру сайта — ваш клиент должен на сайте закрыть все свои вопросы , ответить на любые ваши возражения
- Прописать текст для сайта — без воды и лишней информации! Пласты текста никто не читает!
- Сделать рерайт текста (книга «Пиши, сокращай» вам в этом поможет) не пишите пустых обещаний, сложных оборотов и тд Например: «С помощью курса вы сможете разобраться в своих мыслях и стать увереннее в себе» Замените на: «9 из 10 наших учеников становятся в 2 раза увереннее в себе и структурируют свои дела и мысли!»
- Продумать стиль сайта и при этом, стиль всего запуска, очень важно чтобы вы запомнились клиенту деталями ОДНОГО стиля
- Создать фотосессию для сайта, если это необходимо! Помним важную истину — мы не можем продавать дорого, если этому не соответствует наша упаковка
- Сейчас на сайтах очень важна юридическая информация. Базово — политика конфиденциальности, договор оферты, данные ип и инн!
- Нанять дизайнера, который сделает дизайн и верстку сайта
💡 Делать сайт самому на шаблонных блоках — не результативно! Во-первых, дорогие продукты или услуги должны быть хорошо упакованы, во-вторых, соотношение графики и текста должно быть примерно 2:1, на шаблонных блоках этого не достичь
КАК САМОСТОЯТЕЛЬНО ПРОПИСАТЬ ТЕКСТ ДЛЯ САЙТА?
Базовая структура сайта, которая поможет вам при составлении сайта
Блоки:
- Главный, первый блок
- О программе
- Для кого данный курс
- Об эксперте
- Результат курса
- Формат курса/обучения
- Тарифы участия или блок с формой сбора данных
- Отзывы учеников — точка А, точка Б
- Подвал — юр. информация
Напишите текст, исходя из этой структуры, поэтапно отписывая обучение, отвечая при этом на вопросы ваших клиентов
Можно также провести анализ целевой аудитории и кастдевы — спросить у потенциальных покупателей , что им важно видеть на сайте? Какие у них есть вопросы к продукту?
💡 Подходите к созданию сайта и поиску подрядчика заблаговременно, так как создание сайта может занять долго время
Изначально в работе над проектом возникла сложность — сайт нужен был за 48 часов. Через 2 дня — открытие продаж
Профессиональная команда сможет с этим справиться, но не новички и не вы сами(
Разбейте проект на задачи!
Наши задачи на основе проекта:
- Проанализировать материалы клиента — фотографии, сайты-референсы и аккаунт в инстаграм
- Проанализировать продукт клиента и составленный текст для лендинга.
- Создать несколько вариантов первого экрана на выбор
- На основе выбранного варианта сделать весь лендинг
- Сверстать , подключить оплаты и подготовить лендинг к продажам
- Сделать базовую Seo-настройку, чтобы сайт имел хорошую конверсию, так как продукт планировался долгосрочный!
Самое важное в лендинге для продажи услуг и вообще в любом сайте — первый экран
Оффер на нём, призыв к действию, кнопка и навигация (меню на сайтах в инфобизе не всегда требуется)
💡 Важно! Мобильная версия обязательно должна быть хорошо проработана, так как сейчас 90% пользователей заходят именно с мобильных устройств
Навигацию мы делали на мобильной версии с помощью бургерного меню — мы добавили в меню блоки, чтобы было удобно переключаться
Несколько важных пунктов для мобильной версии:
- Бургерное меню
- Адаптация под каждый размер экрана мобильного устройства или резиновая адаптация
- Хорошая читабельность всего текста
- Основные кликабельные элементы должны быть читабельные и максимально удобно расположены
- Кнопки обычно располагаются в нижней части экрана
Оформление первого экрана
Первый экран — лицо вашего проекта, сайта, если на первом экране будет непонятно о чем сайт, что продают— человек уйдет
На первом экране обязательно должно быть понятное читабельное утп, оффер, Призыв к действию
💡 Просите ваших подрядчиков дизайнеров сделать несколько вариантов первого экрана , чтобы протестировать лучший вариант расположения и разработки! Вот как сделали это мы 👆
Остальной сайт должен по структуре поэтапно закрывать все вопросы и возражения клиентов, обращая внимание на важное!
Подумайте , что вашему клиенту важно узнать на сайте? Встаньте на место клиента
Первый блок — есть утп — название программы и описание, есть подзаголовок, который объясняет о чём программа и кнопка — призыв к действию
Для кого курс — поэтапно описываем для каких групп людей данное обучение, чтобы сразу привлекать только целевую аудиторию
Ваш результат после курса — блок, в котором мы рассказываем о том, зачем нашему клиенту покупать и участвовать, по сути это точка Б клиента, её нужно описывать исходя из болей вашей ЦА
Формат обучения — частый вопрос всех потенциальных учеников! Важно описать количество и длительность уроков, платформу , дз и так далее
Программа обучения — описывается какие уроки будут в каждом блоке модуле курса
А также, какой результат ждет ученика по итогам каждого блока
Тарифы — блок , в котором мы описываем, что входит в каждый вариант участия, начиная с самого простого
Подкрепляем это скидками и снижением цены и возможностью оформить выгодную рассрочку
Важно донести, что курс доступен каждому!
СО СМЫСЛАМИ РАЗОБРАЛИСЬ , ТЕПЕРЬ ДИЗАЙН? ЧТО ВАЖНО ПЕРЕДАТЬ С ПОМОЩЬЮ ДИЗАЙНА?
Дизайн нельзя недооценивать, на самом деле это невербальный способ донесения важности информации
💡 Для составления стиля вашего проекта подумайте, если бы ваш проект был человеком, как бы он выглядел? Если бы проект был предметом , как бы он выглядел?
Какой смысл ваш проект старается донести до клиента? Какое впечатление ваш проект должен донести до клиента?
Что должно быть в дизайне вашего сайта, чтобы взглянув на него один раз, вы сразу поняли , что это именно тот проект , который мне поможет?
Таким образом мы выбираем цвет, стиль сайта , посыл
Например, мы не можем сделать дизайн сайта для стоматологии в черно-красном цвете, это будет неэффективно, потому что эти сочетания цвета ассоциируются с кровью и болью
Вспомните всемирно известные компании, например СТС, Pepsi, CocaCola, мы сразу вспоминаем их по цвету
В вашем дизайне нужно добавиться такого же действия
Pepsi
CTC
🔥 Моим дизайном получилось создать ощущение премиальности и загадочности , именно эти смыслы и транслировались в продуктах Виктории.
💡 Сайт мы сделали , но обычно при запуске инфопродукта или вообще при продаже услуг через сайт нужно несколько сайтов, а точнее посадочных страниц
Ссылка на основной лендинг: https://viktoriaikonnikova.tilda.ws/page38371602.html
Ссылка на вебинар: https://viktoriaikonnikova.tilda.ws/trening
Ссылка на посадочную под мероприятие: https://viktoriaikonnikova.tilda.ws/happiness
Примечание: Ссылки на лендинги сейчас на поддомене тильды, так как проект в 2024 году не запускается и в оплате домена нет потребности
Остальные сайты сделать намного легче самого первого: у вас уже есть стиль , посыл сайта вам нужно только создать смыслы и упаковать их!
В зависимости от цели, мы и делаем правильные смыслы для вебинара:
Блоки лендинга для вебинара: Польза вебинара Зачем человеку идти Что он получит в результате Когда он будет Регистрация на вебинар
Под мероприятие все тоже самое + место, время, цена , спикер (если планируется холодная аудитория)
ПРЕЗЕНТАЦИЯ ПОД ВЕБИНАР
Далее, очень важна упаковка презентации для проведения мероприятия и вебинара, обычно можно использовать один и тот же материал или разный, при желании
💡 Мероприятия и вебинары проводятся в среднем 2—2,5 часа и поэтому презентация выходит на 100 и более слайдов
Это тоже энергозатратная работа
Стиль мы используем тот же самый, что и на сайтах, будет странно если у вас на сайте цветочки 🌸 , а на презентации черепа 💀
Что важно при подготовке презентации
- Смыслы — они должны быть продающими, доносящими ценность до аудитории , смысл и посыл
- Без воды, и ненужной вводной информации
- Много текста не использовать ,так как люди не будут это читать, вместо этого лучше что-то проговорить
- Разбавлять соответствующим иллюстрирующим контентом, чтобы вы и ваше выступление запоминалось у людей мысле-образами
Структура презентации
- Слайд — название вебинара или мероприятия
- План вебинара или мероприятия
- Организационная часть
- Призы или итоги вебинара / мероприятия, если есть
- Подведение к контенту, развязка
- Основная, контентная часть
- Рефлексия, закрепление, задание
- Обратная связь , ответы на вопросы, эфирное время
🔥 Важное условие любого запуска — презентации всегда объёмные, на 100 и более слайдов, но они всегда должны быть с большим количеством графики, чтобы присутствующим не было скучно и доходимость до конца вебинара была высокая
💡 Вашей задачей также будет оформление самого мероприятия — чек-листов , баннеров, аватарок для каналов — это тоже делается в стиле сайта, чтобы всё запоминалось
Баннеры, оформление тг-канала, рекламные креативы, шаблоны для сторис в Instagram
Оформление баннеров для тг канала
Аватарки для тг каналов
Баннеры для печати и распространения в городе
Баннеры в сторис
Таким образом весь ваш запуск полностью готов
Вам осталось привести аудиторию, и всех собрать в одном месте , а там уже и до продаж недалеко 💵💰
Что ещё может понадобиться для запуска
- Услуги SEO специалиста, для продвижения сайта
- Услуги контекстной рекламы
- Услуги технического специалиста для настройки автоворонок и вебинарных комнат
- Услуги тех. специалиста по настройке оплат и воронок, с предоставлением доступа к курсу
🔥 Таким образом, вы сможете получить вот такую статистику заявок с вашего сайта
Выполненные задачи в этом запуске:
- Создали дизайн и верстку главного лендинга и двух дополнительных
- Подключили на сайт формы сбора заявок, а также оплату с помощью Тинькофф и сервис рассрочек
- Добавили на сайт элементы анимации и вовлечения клиентов
- Сделали базовую SEO настройку сайта
- Сделали презентацию к главному продающему вебинару
- Сделали оформление запуска — лид-магнит, аватарки, анонсы, баннеры
- Сделали дизайн презентаций к урокам
Выводы
Приятно, когда клиент остается спустя года с нами, и запускает по 2-3-4 новых проекта вместе с нами, у клиента уже менялась основная команда по запускам, но по сайтам и продвижению он остается с нами
💡 По итогу мы сделали Виктории полную упаковку этого запуска и еще нескольких её последующих продуктов. С Викторией и её командой мы работаем в оформлении до сих пор! Приятно осознавать, что среди большого количества предложений эксперт не пытается найти других специалистов!
Статью подготовила • Валерия Лысенко