К нам обратились за разработкой Landing Page для онлайн-курса по созданию внеконкурентного продукта. Курс составлен основателями успешных компаний.
Среди которых:
- Сергей Федоринов. Сооснователь и бывший генеральный директор компании «Юлмарт».
- Борис Холмянский. Сооснователь фонда прямых инвестиций «ЦКБ 42».
- Алексей Верютин. Партнёр «ЦКБ 42». Эксперт по созданию внеконкурентного продукта.
- Даниил Плитман. Генеральный директор «Swed-Mobile». Дилер «Volvo» в РФ.
Задача:
- «Упаковать» суть курса с акцентом на результаты спикеров;
- Создать и передать необходимые визуальные образы;
- Рассказать целевой аудитории обо всех преимуществах.
Целевая аудитория:
1 сегмент: Предприниматели с недостаточно успешным бизнесом.
2 сегмент: Предприниматели с устоявшимся бизнесом.
3 сегмент: Начинающие предприниматели.
Онлайн-курс закрывает потребности каждой категории. Для первых он даёт правильное направление в развитии. Вторым — понимание того, как масштабироваться. Третьим рассказывает о стратегии создания успешного бизнеса.
Дизайн и визуальные образы:
Передача смыслов через визуал — неотъемлемая часть качественной упаковки сайта.
Обычно мы сами любим создавать визуальные образы и ассоциации. В этот раз заказчик пришёл со своей идеей. Передать через дизайн, что бизнес — это живой многоклеточный организм. Мы взяли идею и начали с ней работать.
За основу была взята молекула ДНК. Почему именно она? Потому что главное предназначение ДНК и онлайн-курса имеют идеальное сочетание.
ДНК обеспечивает хранение, изменение и передачу информации. Данный курс также хранит ценную информацию по созданию внеконкурентного продукта. Имеет гибкость в совершенствовании знаний, которые будут переданы, под современные реалии динамически изменяющегося мира бизнеса.
Первый экран:
Над первым экраном мы работали тщательно, создавая несколько вариантов. Первый экран всегда должен захватывать внимание пользователя. Таким образом выполняя возложенную на него задачу.
Курс для предпринимателей, но фотографии бизнесменов со стоков в интернете мы отмели сразу. В нашем случае они не решают задачу по тому, что:
- Не вызывают доверия из-за шаблонного образа успешного бизнесмена;
- Не коррелируют с главной идеей сайта — генетика бизнеса;
- Изображения лиц на сайте должны быть реальных людей. И это лица спикеров курса. Для того, чтобы акцент был только на них.
В итоге мы остановили свой выбор на анимированной ДНК. Варианты со статичным фоновым изображением выглядели слишком скучно. К тому же движение, динамика, отлично передаёт образ живого организма.
Разместили все необходимые элементы на первом экране. Заголовок сделали массивным. Таким образом передавая устойчивость и мощность продукта. В подзаголовке раскрыли суть предложения.
Придумали интересную анимацию кнопки. Для того, чтобы пользователь был вовлечён и ему хотелось её нажать.
Под ней разместили ссылку на подписку о трансляциях в соцсети ВКонтакте. Это занимает своё место в воронке продаж. Заинтересованный человек смотрит живые трансляции и оценивает возможность приобретения онлайн-курса.
Результаты спикеров курса
Самым главным после 1-го экрана следует дать общую информацию по спикерам.
Их личности и результаты — главная составляющая продукта. Заголовком с крупными цифрами мы сразу акцентируем внимание на достижениях. Ведь если Вы хотите учиться, учиться нужно у лучших!
А результаты это самое конкретное и непредвзятое доказательство.
Перечислили всех спикеров, дали краткую информацию по каждому. Кнопки «Подробнее» якорят на блок с полным описанием. Задача здесь стояла не в том, чтобы сразу рассказать обо всех достижениях.
Информация даётся порционно, вызывает интерес и мотивирует взаимодействовать с сайтом.
Как найти баланс между визуальными образами и реальным бизнесом
Дизайн данного блока получился сразу. Но — слишком увлеклись идеей живых многоклеточных организмов. И оформление стало похожим на уроки биологии. А нужно было дать понимание о системе практических знаний для бизнеса.
Когда работаешь с дизайном, следует всегда помнить о главной задаче каждого блока и проекта в целом. Просто и понятно донести до пользователя суть продукта. Креатив и идеи это конечно хорошо, но они должны быть разумными. Нужно уметь чувствовать ту тонкую грань, когда начинается переизбыток абсолютно иного. Поэтому с идеей живого организма работали осторожно.
Мы переработали изображения данного блока и получилось то, что Вы видите сейчас.
Реальный опыт практиков
О спикерах курса стояла задача рассказать подробно. Их знания и опыт — основополагающая база онлайн-курса. Результаты получены путём ведения реальных бизнесов. Опыт практиков — ключевой элемент для принятия решения о покупке.
Это действительно серьёзные ребята, которые впечатлили даже нас. Так как по роду своей деятельности в digital, насмотрелись мы на всяческих «бизнесменов» в сети.
Сергей Федоринов
Борис Холмянский
Даниил Плитман
Алексей Верютин
По дизайну в блоках со спикерами мы ничего не выдумывали, а просто аккуратно оформили. И выделили их достижения в цифрах.
Программа курса как дополняющие друг друга знания
Программа онлайн-курса состоит из шести блоков. В каждом блоке идёт описание темы в сравнении с геном. Все блоки идентичны. Потому что «техническая» информация о курсе и не должна быть разнообразной. Но задача подразумевала собой их отличие, чтобы всё не сливалось в скучный текст.
Сначала мы пробовали изображения, соответствующие теме блока программы. Но подобрать идеально отвечающие нашим требованиям не удалось. А они, как Вы уже поняли, были таковы: избегаем «стоковости», избегаем посторонних лиц, и следуем основной визуальной концепции сайта. При этом не превращая дизайн в учебник биологии за 7-й класс.
В итоге в качестве передачи смыслов была выбрана молекула ДНК. Которая, начиная с первой темы, постепенно достраивается из размытого штрихами образа. Эта визуальная метафора отлично вписалась в общую дизайн-концепцию. Плюс дополнила текстовые формулировки в описании. Вы можете пролистать все слайды, чтобы посмотреть как это выглядит.
Увидеть результат
В результате обучения на курсе цепочка ДНК выстраивается полностью. Таким образом мы даём понять, что итогом будет комплекс стратегий и методик.
Бизнес — это система, так же как и любой живой организм. И что Вы в него вложите, так и будет он функционировать. Здесь сравнение бизнеса с генетикой удачное.
Закодированная информация в молекуле ДНК управляет процессами жизнедеятельности. Она предопределяет всю программу развития живого организма. Также онлайн-курс в виде системы знаний от спикеров-практиков закладывает мощную базу.
Благодаря которой предприниматель может создать внеконкурентный продукт. И умело управляет бизнес-процессами.
Объясните пользователю всё
Кнопка призыва к действию «Забронировать место» перебрасывает на обучающую платформу с регистрацией через соцсети. И здесь наша задача максимально мягко и плавно провести пользователя до этого шага.
А чтобы это сделать, нужно объяснить ему всё. И тогда не останется лишних вопросов. Будет понятно, что следует делать.
Для этого специально создали отдельный смысловой блок в структуре Landing Page. Где оформили понятную инструкцию по регистрации на онлайн-курс. С чёткими пошаговыми действиями.
Системный продукт имеет системный подход
При разработке сайтов нужно учитывать все возможные боли и возражения целевой аудитории. И с ними нужно работать на каждом отдельно взятом участке в воронке продаж. Поэтому специально для закрытия ключевых возражений был создан дополнительный Landing Page.
Задача этого лэндинга:
- Сконвертировать пользователей, которые сомневаются;
- «Прогреть» ЦА, не имеющую бизнеса. Донести до них информацию о ценности продукта.
Первый экран
Под заголовком мы разместили фотографии спикеров. На данном лэндинге о них не рассказывается, т.к. пользователь уже ознакомился с ними на основной странице. И просто фотографий достаточно, плюс сразу показано, кто является основателями успешных компаний.
Дизайн-концепция первого экрана с ДНК осталась прежней. Но на самой странице мы уже использовали более простые образы. Они лучше способствуют восприятию текстовой информации и не отвлекают внимание пользователя.
Напоминание о том, что время идёт
Сразу после первого экрана счётчик до старта курса. Для того, чтобы «подогретая» целевая аудитория понимала, что времени для раздумий не так много.
Возражение «У меня мало времени на изучение курса»
Данное возражение мы закрываем тем, что объясняем продуманную систему обучения. Семьдесят пять процентов времени уходит на отработку домашних заданий.
Но — для этого не нужно выделять и искать свободные часы в своём распорядке дня. Применять полученные знания нужно непосредственно на своей основной деятельности. И это наоборот огромный плюс.
Клиент получает не тонны теории, а практические методики, которые нужно сразу внедрять в свой бизнес.
Мы переработали и дополнили текст, предоставленный заказчиком. Вытянули из него главный смысл. Благодаря такой схеме обучения участник курса на самом деле тратит только 25% времени из ста возможных. И при этом получает максимальную пользу.
Мы описали это в результате, дополнив текст картинкой в соответствующем стиле.
Возражение «Мне не нужен миллиардный бизнес», «Я прошёл ваш мини-курс и нужно применить полученные на нём знания», «У меня уже перегруз информацией от курсов»
Здесь мы работаем сразу с несколькими возражениями, выделив для каждого абзац текста с иконкой. Мы также переработали текстовые формулировки от заказчика. Добавили что-то своё из имеющегося опыта.
При проработке возражений мы всегда стараемся встать на сторону обычного пользователя. И представить, а чего бы хотел и(или) чувствовал я на его месте?
Это очень важный момент. Без проявления эмпатии весьма сложно выстроить структуру сайта и донести до пользователя суть предложения.
На дизайн данного блока возложена функция показать систему с механизмами. Шестерёнки часов отлично выполняют свою роль, дополняя текстовый контент.
Возражение «Я не занимаюсь бизнесом»
Заголовок сразу говорит о том, что вовсе не обязательно иметь бизнес, чтобы пойти на курс. И это действительно так.
Если человек хочет улучшить своё окружение, обзавестись полезными связями и друзьями, получить новый опыт, и развить себя как личность, то не нужно выдумывать ограничения в виду отсутствия своего дела.
По дизайну мы оформили данный блок с изображением гор. Их высота, подъём вверх, лучше всего ассоциируется с саморазвитием и улучшением многих аспектов жизни.
Всегда остаются вопросы, на которые нужно ответить
Данный блок является ключевым на посадочной странице. Он идёт после всех закрытий возражений. Направлен на повышение доверия.
У человека всегда остаются какие-либо сомнения или возникают вопросы. Поэтому нужно предлагать ему решение. В конкретном случае решение — это личный диалог. Вспомните себя, когда Вам легче всего обсудить все неясности?
Когда получаете обратную связь от живого человека, пусть и в интернете, но в личном общении.
В заключение:
В данном кейсе мы решили поделиться с Вами информацией максимально подробно. Если и работаем, то работаем на совесть.
И это лишь малая часть того, как и что мы делаем. Комплексные проекты в нашей команде делаются дольше и прорабатываются абсолютно со всех сторон.
Выполненные проекты Вы можете оценить по ссылкам:
