Landing Page

Лендинг для конференции компании «Кенгуру»

Если по-честному, то сайт можно сделать всего-то за пару дней… И пускай большинство агентств талдычит – «на хороший сайт нужно как минимум пару месяцев»! Мы скажем: «Нет, хороший сайт можно сделать и за 3 дня. Но! При определенных условиях и договоренностях с клиентом». И сейчас мы о них расскажем.

Задача

Задачей, как вы уже поняли из вступления, было создать приличный сайт в очень сжатые сроки. Нужен был лендинг для анонсирования конференции «Региональный ритейл: стратегии развития и операционное управление» компании «Кенгуру» и сбора заявок на участие.

Заказчик понимал, что поздно спохватился, поскольку до конференции оставалось чуть более 2-х месяцев, а надо собирать заявки. Лендинг был очень нужен, поэтому перед нами обозначили цель – сделать быстро, но чтобы выглядело прилично.

Решение

Мы сразу предупредили заказчика, что лендинг будет собран на конструкторе сайтов. Да, это действительно так – многие агентства иногда в своей работе используют конструкторы сайтов. Не знаем как другие, но мы это делаем по следующим причинам:

  1. Когда нужно максимально сократить время на разработку сайта. Конструктор позволяет получить готовый код, который можно потом перенести целиком на хостинг либо переверстать на другую CMS.
  2. Когда необходимо визуализировать сайт в динамике – чтобы не в статичном макете пытаться показать анимацию, переключение страниц и вкладок, а сразу предложить заказчику прототип сайта.
  3. Когда заказчику нужен сайт без заморочек, он не готов платить за наши услуги полную ставку.

В этих случаях цель действительно оправдывает средства. Сайты, собранные на конструкторе, запускаются быстрее, а в дальнейшем мы просто их переверстываем на другую систему администрирования при необходимости или переносим на наш хостинг.

Как мы работаем через конструктор

Рекламировать конкретный конструктор не будем. Скажем лишь, что, во-первых, его функционал зависит от тарифа (чем больше платишь, тем больше всяких фишек можно реализовать), во-вторых, на конструкторе надо уметь работать – это по сути такая же программа как фотошоп или фигма, без навыков и опыта вряд ли удастся с первого раза добиться красивого и качественного результата.

Этот конкретный лендинг мы отрисовали практически из нулевых блоков (то есть не готовых шаблонов, куда просто ляпаешь новый текст), а пустых, где можно реализовать любую дизайнерскую идею как в графическом редакторе. После отрисовки адаптировали каждый блок под 5 типов разрешения экрана.

Затем мы полностью весь лендинг перенесли на наш хостинг, подключили домен и всё такое. Правки информационные от заказчика, которых в дальнейшем было очень много, потом вносили просто в код: меняли тексты, фотографии, редактировали расписание, добавляли третий ряд спикеров. Естественно, после каждого изменения проверяли и правили адаптив.

Через конструктор мы можем сделать полностью весь многостраничный сайт, не только одну страницу. Это требуется, когда клиенту нужна визуализация, а не просто макеты из фотошопа. Получается такой демо-сайт, который можно сразу запускать после согласования дизайна, а потом потихоньку переверстывать, например, на 1С-Битрикс.

То есть по факту в этом случае через конструктор мы собираем дизайн всего сайта. Но обычно такой схемы разработки придерживаемся, когда нужен именно одностраничный сайт. Как тот, про который вы сейчас читаете кейс.

b_5d1ca58bc2349.jpg

Структура обусловлена задачей лендинга

Над структурой тоже нельзя было долго думать. Поэтому мы решили идти по стандартной схеме оформления таких промо-сайтов:

  1. Определить цель страницы – побудить посетителя зарегистрироваться на мероприятие.
  2. Описать суть конференции понятными словами и объяснить, почему важно в ней участвовать и зачем она нужна.
  3. Презентовать спикеров мероприятия.
  4. Ознакомить посетителя лендинга с программой.
  5. Дать контактную информацию.

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

На страницу могли зайти и «теплые» потенциальные участники – то есть заинтересовавшиеся, но еще не принявшие окончательное решение. Для них нужен был дополнительный прогрев в виде, например, стоимости участия, информации о спикерах, призыва и так далее.

Так вот, чтобы максимально охватить потребности различных категорий посетителей, мы решили использовать CTA-кнопки (кнопкой целевого действия в этом случае была регистрация на мероприятия) в каждом ключевом по смыслу блоке. Чтобы человек на любой стадии принятия решения не блуждал туда-сюда по странице, а сразу мог перейти на форму регистрации.

cySqKZBUg-NP3p3D8ZYPUD2wq8VBE81Da65MlcEA

Что еще интересного в навигации и структуре + анимация

Для удобства навигации мы добавили строку прокрутки экрана и кнопку «Вверх», которая появляется при прокрутке. Меню не стали фиксировать, потому что кнопка итак позволяет вернуться в начало страницы.

Для динамики добавили различную анимацию: текстовые блоки выплывают с разных сторон при прокрутке. Ну, здесь ничего сверхъестественного. Но что самих порадовало – бегущие цифры в блоке «Давайте делиться реальным опытом» 24, 12, 200, 100. Просто прикольно – задерживает внимание посетителя.

e2VzUNmgCVAujcIsS5SqMTukXU3MCUZPZsQZuCyb

Форма регистрации на конференцию

Интересно получилось с формой регистрации. Заказчик хотел, чтобы можно было в одной форме добавлять сразу несколько участников. Мы все сделали, согласовали, перенесли на хостинг. А потом выяснилось, что люди не понимают, обязательно ли добавлять несколько участников. Многие путались и уходили с регистрации. Тогда мы доработали форму, чтобы добавление других участников не так бросалось в глаза.

Затем оказалось, что люди отказываются от регистрации, потому что не хотят/не могут указать свои реквизиты. Мы доработали и эти поля – переделали оформления для удобства восприятия:

UlIpjEHmmr2QUHNZxQiy-XC6u1DrxtQAxtxgJQ2r

Прочие фишки

Для отслеживания аудитории и ретаргетинга настроили цели в метрике, установили пиксель myTarget. Для привлечения трафика из социальных сетей настроили страницу для конференции в Фейсбуке, запустили рекламную кампанию в нем и в myTarget.

Дизайнерские решения

В качестве основных цветов мы решили использовать темно-синий #0c112e, белый #ffffff и серый #f2f2f2. Акцентным цветом стал ярко-желтый #ffc000, близок к янтарному. 

Эти цвета «играют» друг с другом: если синий в качестве фона, то тексты белым цветом, если фон серый, то текст синим и так далее. Желтый же цвет – как бы сам по себе, но при этом объединяет весь сайт и подсказывает посетителю, где более важные части, управляет его вниманием. Фотографии спикеров мы перевели в монохромную гамму и с помощью того же желтого оформили в общей стилистике сайта.

RJ9ZLzN4idey4WRojslq_8Nowq10YV_40XKgKwyA

Используемые цвета

#0c112e
#ffc000
#f2f2f2

Результат

Лендинг, собранный в такие короткие сроки, получился достаточно приличный, чтобы запилить о нем кейс. Сколько участников он помог привлечь – это уже другая история. И другой кейс. Основная мысль текста, который вы сейчас, надеемся, дочитываете: сайт сделать быстро и хороший можно и даже не сложно, единственное – надо понять, для каких целей вам нужен быстрый сайт.

Если для анонсирования мероприятия, то все-таки лучше начинать заранее, чтобы добиться желаемого эффекта. Если для продажи отдельного вида товаров или услуг, то лендинги еще пока эффективны в этом плане.

Чтобы на них не тратить много человекочасов, можно не бояться делать их на конструкторе. Это ни в коем случае не свидетельствует о непрофессионализме агентства. Просто цель должна оправдывать средства, ведь эти средства – ваши деньги. О создании сайтов на конструкторах сейчас смело говорят даже крупные агентства, в том числе московские.



Отзывы и благодарности

ПК «Профилактика»

Наша компания уверена в том, что в современном мире технологий любой бизнес должен идти в ногу ос временем. Наш сайт устарел, поэтому встал вопрос о создании нового современного русерса. Свой выбор мы сделали в пользу интернет-агентства «Иллюминатор» и не прогадали.

Достаточно оперативно была разработана структура страниц. Всё общение проходило онлайн в удобном формате. Совместными усилиями мы закончили сайт в нужные нам сроки. Получилось объединить и услуги, и товары, поэтому мы можем делать нашим пользователям комплексные предложения. А ещё гораздо удобнее стало обрабатывать заявки. Был разработан «Калькулятор» для расчёта стоимости системы видеонаблюдения. Итоговая цена перед покупателем как на ладони.

Отдельно хотим поблагодарить менеджера Людию Чукшис за оперативную работу и максимально вежливое и приятное общение. Даже после завершения проекта сотрудники не оставляли наши вопросы без внимания.

Выражаем огромную благодарность коллективу интернет-агентства «Иллюминатор» и его руководителю Денису Сапожникову за плодотворное сотрудничество!

29.07.2019

ООО «ИвСтройМатериалы»

Компания «ИвСтройМатериалы» благодарит интернет-агентство «Иллюминатор», нашего надежного партнера, за продвижение, оптимизацию сайта и отслеживание его статистики.

Работаем с вами уже более двух лет, и за это время мы добились хороших результатов. Мы очень ценим стабильность и долгосрочные отношения. Надеемся на дальнейшее плодотворное сотрудничество!


29.07.2019

ООО «ПроРиэлт»

Наше присутствие в соцсетях началось с командой интернет-агентства «Иллюминатор» и продолжается уже 3 года. Наконец-то мы сняли вопрос, чем наполнить свою группу Вконтакте и сообщество в Фейсбуке.

Очень удобно, что менеджер Лидия держит нас в курсе всех дел, и своевременно присылает контент на согласование. Новости и подобранные материалы всегда актуальные и интересные. Радует инициатива компании и открытость к экспериментам.

Спасибо вам! Будем продолжать наше сотрудничество!

19.07.2019

ГК Центр строительных услуг

С интернет-агентством “Иллюминатор” мы начали сотрудничество еще с лета 2017 года. Цель - создать современный конкурентоспособный сайт для ГК "Центр строительных услуг".

За весь период сотрудничества интернет-агентство оперативно справлялось со всеми поставленными задачами. В обязанности агентства “Иллюминатор” входили: разработка стильного дизайна, адаптация сайта под разные устройства и браузеры, создание полезного и интересного для целевой аудитории контента, внутренняя оптимизация сайта, настройка рекламы.

Особенно хочется отметить системный подход к работе и проработку деталей на каждом ее этапе. Благодаря этому был создан отличный сайт ho4udom.com, с которым удобно работать, и благодаря которому количество обращений в нашу компанию увеличилось.

Рекомендуем интернет-агентство “Иллюминатор” как надежного партнера и надеемся на дальнейшее плодотворное сотрудничество.


05.02.2019

ООО Иваново-Принт

ООО “Иваново-принт” сотрудничает с интернет-агентством “Иллюминатор” по вопросам создания и продвижения сайта с 2014 года.

Все это время сотрудники интернет-агентства с особым вниманием подходят к решению поставленных задач. Теперь сайт iv-print.ru стал намного удобнее в использовании, как сотрудникам, так и нашим клиентам. Визуальное наполнение дает полноценное представление о наших услугах и проектах. Все наши пожелания по доработке сайта были учтены, а самое главное - грамотно реализованы в оптимальные сроки.

Мы рекомендуем интернет-агентство “Иллюминатор” как высокопрофессиональную команду, которая поможет создать качественный сайт, и с которой приятно сотрудничать.


10.01.2019

ООО “Потолки37”

Хотим выразить благодарность интернет-агентству “Иллюминатор” за создание нашего сайта, настройку Битрикс24 и его интеграцию с сайтом. Специалисты агентства отнеслись с пониманием ко всем пожелания касательно структуры нашего сайта и его концепции. А интеграция с сайтом значительно ускорила работу с клиентами. Кроме того, сотрудничество было выстроено в удобном формате: информация была подана пошагово и на доступном для нас языке.

От себя лично хотелось бы поблагодарить директора интернет-агентства “Иллюминатор” за плодотворное сотрудничество.


06.06.2018

ООО ХомДекор

«Хомдекор» выражает благодарность интернет-агентству “Иллюминатор” за плодотворное сотрудничество, результатом которого стало создание сайта homdecor37.ru. Поставленные задачи были выполнены интернет-агентством профессионально и в полном соответствии с нашими ожиданиями.

29.12.2018

Региональный центр инжиниринга

Региональный центр инжиниринга выражает благодарность интернет-агентству “Иллюминатор” за грамотное создание и обслуживание сайта 37invest.ru.

Сайт удобно структурирован, понятен в навигации и обладает значительными функциональными возможностями. Это вызывает положительные отклики, как среди специалистов, так и среди рядовых пользователей.

Благодарим за качественно выполненный проект, а также за ответственность и надежность в партнерских отношениях.


27.08.2017

+7 (4932) 57-52-81