БШ ВВЕРХ — это самое крупное бизнес-сообщество Санкт-Петербурга для предпринимателей, руководителей и топ-менеджеров компаний. Её основатель, Владимир Маринович, является экспертом по созданию эффективных команд №1 в России, экс-генеральным директором и акционером компании Get Taxi. За плечами Владимира более 20 лет управленческого опыта.
Команда экспертов БШ ВВЕРХ, во главе с Владимиром Мариновичем, создали системный онлайн-марафон для собственников бизнеса.
4. Несколько слов о составляющих дизайна всей посадочной страницы
6. Видеоотзыв от Владимира Мариновича
Задача:
В нашу задачу входило:
- «Упаковать» все смыслы и суть курса;
- Передать необходимые эмоции, способствующие принятию положительного решения целевой аудиторией;
- Подробно рассказать о курсе и его преимуществах;
- Подробно рассказать о компетенциях экспертов.
Целевая аудитория:
Предприниматели, имеющие бизнес в какой-либо сфере, но не получающие от него максимальной выгоды. Либо из-за наличия ошибок в управлении, либо в виду отсутствия опыта и знаний в развитии бизнеса.
УТП и первый экран:
УТП а именно «Ключевое обещание» которое «бьёт в ключевую потребность ЦА». Здесь мы расскажем наиболее подробно о смыслах, так как эта мысль тянется красной нитью по всей длине Landing Page.
Что Вы вкладываете в понятие «бизнес»? Бизнес — это сложный механизм, который приносит выгоду не только в денежном эквиваленте. Если Вы, будучи предпринимателем, получаете неплохую сумму в личный карман, но при этом вымучены всеми процессами в компании, не имеете ни свободного времени, ни морального удовлетворения, то возникает вопрос: и зачем тогда этот бизнес нужен?
Ведь далеко не всегда всё успешно, как нам рассказывают в красивых, мотивирующих историях. Истинная причина, практически каждого, кроется не только в деньгах. Мы все люди и ничто человеческое нам не чуждо.
Посредством бизнеса мы хотим быть независимыми и иметь желанную всеми СВОБОДУ. Свободу принятия решений, свободу управления событиями и людьми в своей жизни. Именно поэтому мы отразили в заголовке термин «свобода» — это применимо как в жизни, так и тем более в бизнесе.
Таким образом, мы «цепляем» внимание пользователя, говоря ему о том, что можем решить его проблему.
Дизайн первого экрана
На первом экране само собой напрашивалось решение дать возможность просмотреть сразу всех экспертов. Мы оформили их в слайдере, написав в подписях краткую информацию.
Обязательно — призывы к действию с регистрацией на марафон и ссылкой на видеопрезентацию.
В воронке продаж данной программы присутствует подписка на онлайн-трансляции, проводимые экспертами в соц. сети ВКонтакте. Мы постарались это учесть и извлечь максимальную выгоду, разместив на 1-м экране призыв на получение уведомлений.
Несколько слов о составляющих дизайна всей посадочной страницы:
Цветовая гамма
Цветовая гамма здесь использована на основании уже имеющегося фирменного стиля БШ Вверх, основным цветом которой является красный.
Формы: скошенные углы
Углы — это часть визуальных образов, взятая из логотипа БШ Вверх, а именно стрелки. Такие казалось бы мелочи, которые не понятны с первого взгляда, в итоге создают целостный визуальный ряд, передающий необходимое впечатление от продукта, представленного на лэндинге. Каждый элемент играет свою функцию и роль.
Структура Landing Page:
На основании предоставленной информации от заказчика мы переформулировали заголовки, текста, оформили простой прототип с пояснениями последовательности блоков. Делали это совместно с заказчиком, слушая то, что он желает увидеть, и применяя весь свой опыт в разработке сайтов и в маркетинге.
По итогу был создан лэндинг длиной более 30.000 пикселей за 10 дней!
Теперь расскажем больше о некоторых этапах работы:
1. Идентификация проблемы
Сначала нужно выявить проблему предпринимателей — свобода или рабство в собственном бизнесе — о чём рассказано выше.
Тут мы говорим открыто, честно, и с пониманием всех возникающих сложностей. Поэтому ждём того же и от целевой аудитории. Мы как будто начинаем диалог, задавая вопросы в каждом из этих блоков. И человек, читая строки, мысленно отвечает сам себе, соглашаясь с приведёнными фактами. Он осознаёт, что имеет дело с практиками.
2. «Раскрутка» негативного виденья
Далее мы показываем причины, повлиявшие на ситуацию. И даём понять, из-за чего возможен негативный исход.
В качестве визуальной передачи смысла показана машина. Мы долго искали подходящее изображение, так как по желанию заказчика должен был быть показан старый разбитый автомобиль. Но: мы понимали, что автомобиль такого вида будет вызывать не совсем приятное впечатление и только отталкивать, хотя сама идея хороша.
Поэтому нужно было найти фото определённого формата. В него мы вложили такой смысл: есть у человека автомобиль из дорогого сегмента (хороший бизнес), но он за ним не ухаживает, не уделяет должного внимания каждому отдельно взятому механизму (составляющим бизнеса), и в итоге машина превращается в не функционирующую груду металла.
Мы перебрали около 100 фотографий дорогих автомобилей в запущенном состоянии. И остановили свой выбор на Шевроле Камаро 1968 года.
Выносками с подписями показываются составляющие любого бизнеса, которые и заложены в программу обучения онлайн-марафона.
3. «Раскрутка» позитивного виденья
В противопоставление к блоку с разбитым автомобилем вводим дополнительный, раскрывающий позитивный исход. Здесь сравнивается свобода успешного бизнеса с высокотехнологичным болидом. Делается это для того, чтобы не было одного негативного впечатления.
4. Работающие методики
В данном блоке мы дополняем слова Владимира Мариновича своими формулировками, «выдёргивая смыслы» из самого важного. А самым важным является реальный опыт практиков.
Фотография основателя БШ Вверх в таком стиле удачно вписывается в содержимое контента, смотрится хорошо и интересно. Он как будто говорит: «Мы рассказываем об этом только участникам курса».
К слову сказать, предоставленные ресурсы в виде фотографий/изображений от заказчика, и/или умение находить их самостоятельно, помогают решить задачу создания качественного сайта в более быстрые сроки. В любом проекте наша команда всегда старается подобрать наиболее точно отражающие суть продукта изображения, избегая «стоковости» и низкого качества.
5. Основа марафона и компетенции экспертов
Онлайн-марафон включает в себя пять блоков в программе обучения. За каждый блок отвечает конкретный эксперт. Необходимо было рассказать о компетенциях максимально подробно, чтобы целевая аудитория понимала насколько мощная и качественная база у курса. Для каждого эксперта мы выделили свой смысловой блок, разместив их последовательно друг за другом.
Элита Смайл — эксперт по финансам. Ведёт блок «Технологии управления компанией по финансовым показателям».
Алексей Верютин — эксперт по созданию внеконкурентного продукта. Ведёт блок «Технологии создания уникальных продуктов».
Виталий Новиков — эксперт по увеличению продаж. Ведёт блок «Технологии для выстраивания бизнес-процессов, маркетинга и продаж в компании».
Алла Лукавенко — эксперт по подбору персонала. Ведёт блок «Технологии для эффективного подбора, мотивации и развития сотрудников».
И конечно же сам Владимир Маринович, отвечающий за блок «Технологии для создания, управления и развития успешной команды».
Как Вы видите, информации очень много, плюс ко всему стояла задача: возможность получить первое практическое задание от выбранного эксперта. Для заданий мы сделали отдельный блок, чтобы обойтись без лишнего награмождения в описаниях тренеров, и добавили кнопки с призывом к действию на его получение.
Каждый смысловой блок должен нести только одну функцию. Поэтому делим описание компетенций от описания заданий.
6. Визуальная передача программы марафона
Идея:
Онлайн-марафон БШ Вверх является системным, где каждый блок играет ключевую роль в развитии бизнеса и в целом составляет работающую схему к применению на практике.
Нам хотелось не только оформить предоставленную информацию о программе просто и удобно для восприятия, но и донести до пользователей некий смысл, который заложили в курс создатели. Поэтому мы придумали небольшие графические элементы в виде иконок, передающие образ системы. В идее за основу были взяты квадраты. Реализовать качественно получилось не сразу, первая итерация мягко говоря была убогой.
Первым по очерёдности идёт блок по финансам. Здесь мы выделяем среди серых квадратов два красных. В данной реализации нет привязки к количеству квадратов, а только в их выделении цветом среди обычных серых и в их расположении.
Вторым следует блок про уникальный продукт. Добавляем красный квадрат в центр и поворачиваем его на 45 градусов. Продукт всегда будет являться ядром бизнеса, его сердцем и мотором. Без продукта, образно говоря «двигателя», бесполезно пытаться завести «автомобиль» (развивать бизнес). Квадрат, превратившийся в ромб, говорит о том, что он уникален и отличается от тысячи других, хоть и имеет идентичное строение. Таким образом, визуально мы передаём смысл данного блока.
Третьим в структуре марафона идёт блок про маркетинг, продажи и бизнес-процессы. Добавляем ещё два красных квадрата сверху. И уже видим что одно начинает дополнять другое.
Четвёртым следует блок управления персоналом. Добавляется по краям 6 красных квадратов. Теперь ещё более ясно прорисовывается смысл и видится картинка.
В пятом блоке о создании команды добавляется четыре завершающих красных квадрата. Логическое завершение построенного образа в виде стрелочки вверх, отождествляет систему получаемых технологий на курсе. Графический элемент соответствует фирменному стилю БШ Вверх.
Плюс ко всему, для того, чтобы было удобно пользоваться разделом программы курса, мы сделали данные иконки ссылками на относящиеся к ним блоки. В рамках большого лэндинга это наилучшее решение, т.к. нужно заботиться о пользователях, предоставляя им максимально удобный интерфейс.
Если ему будет интересен какой-то определённый блок программы, то нет необходимости всё пролистывать, достаточно просто нажать на выбранную иконку, которая перебросит на нужный раздел.
7. Результат или ценность любого продукта
Для того, чтобы целевая аудитория понимала, что получит в итоге, был сделан отдельный смысловой блок, который подытоживает всю программу онлайн-марафона.
На страницах какого бы то ни было товара/услуги мы всегда должны создавать ценность для потенциальных клиентов. Показывать её нужно чётко и в виде итога/результата, который получит человек, купив предоставленный продукт.
8. Ограничение по времени
Также по желанию заказчика внедрили счётчик, показывающий оставшееся время до старта онлайн-марафона. В данном случае он вполне уместен по структуре.
9. Дополнительный фактор принятия решения
Блок с дополнительным бонусом от БШ Вверх, указывающий на уникальную возможность и ограниченное количество мест.
10. Важность соцсетей
И конечно же блок, отвечающий за своё место в воронке продаж. Оповещения о бесплатных онлайн-трансляциях в соц. сети Вконтакте. Здесь конкретно расписано что получит собственник бизнеса на данных трансляциях, какую пользу они ему принесут. Также подобрана фотография, передающая необходимую атмосферу сообщества предпринимателей вместе с Владимиром Мариновичем.
11. Навигация
Было сделано удобное мегаменю, в котором перечислили все важные пункты. Добавлено фоном изображение Санкт-Петербурга, которое даёт представление о месторасположении БШ Вверх и символизирует любовь к замечательному городу нашей страны.
Без дополнительной навигации при скролле страницы не обошлось, так как при таком объёмном лэндинге это просто необходимо. Но вариант в виде закреплённого сверху меню мы отмели сразу, потому что не хотели занимать драгоценное пространство, особенно на маленьких мониторах. Поэтому иконку меню мы расположили рядом с кнопкой «вверх».
Отзыв о сотрудничестве от Владимира Мариновича:
В заключение:
В данной статье наша команда рассказала Вам о самых интересных этапах при работе над проектом БШ Вверх. Были не только сразу получавшиеся решения. Также возникали сложности, и противоречия, без которых не обходится ни один проект, целью которого ставится результативность бизнеса, а не сам сайт!
Мы постарались рассказать Вам не сколько о дизайне и технических сторонах процесса, а о том, чем мы руководствовались в работе и какую применяли логику рассуждений.
Итоговый результат проделанной работы Вы можете оценить по ссылке: Курс БШ Вверх
