Услуги
Работы
О студии
Блог
Контакты
Услуги
Работы
О студии
Блог
Контакты
Полезные материалы от NAJES

Кейс: как мы обеспечили выход в онлайн клининговой компании

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

Этапы разработки сайта:
  • Изучение компании и продукта посредством интервью с ключевыми лицами компании;
  • Анализ рынка и конкурентов;
  • Анализ целевой аудитории;
  • Подготовка прототипа по результату маркетинговых исследований;
  • Разработка логотипа клининговой компании;
  • Разработка дизайна лендингов;
  • Вёрстка сайта в тильде;
  • Разработка коммерческого предложения и визиток для клининговой компании;
  • Результаты сотрудничества.

Срок: 35 дней.

создать сайт клининговой компании


Этап № 1 — Изучение продукта для создания сайта клининговой компании


На этом этапе мы провели серию интервью с ключевыми лицами компании. Под каждое направление был создан индивидуальный план интервью, чтобы определить текущую ситуацию. Обсудили первостепенные задачи по маркетинговой стратегии, запросили материалы, которые имеются у заказчика (коммерческое предложение, визитки, сметы, презентацию).

В результате было проведено 3 интервью с руководством компании и ответственными лицами по каждому направлению (B2B и B2C). Определена дорожная карта по этапам разработки проекта, сформировано техническое задание.

Этап № 2 — Маркетинговые исследования для разработки лендингов по услуге клининга


1. Анализ рынка и конкурентов


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

Проанализировав рекламную и органическую выдачу в поисковиках, был собран список конкурентов в количестве 13 компаний.

По итогам изучения всех сайтов, был сформирован список критериев для их анализа:
  1. Дискриптор на сайте;
  2. Время работы;
  3. Оффер на сайте;
  4. Наличие акций и спецпредложений;
  5. Рекламное объявление;
  6. Заголовок и описание в поиске;
  7. Целевые действия на сайте;
  8. Наличие квизов или калькуляторов на сайте;
  9. Виды уборок;
  10. Состав услуги;
  11. Дополнительные услуги, которые оказывает компания;
  12. Стоимость уборки;
  13. Срока оказания услуги;
  14. Гарантии качества;
  15. Какое оборудование используют;
  16. С какой профессиональной химией работают;
  17. Сотрудники (клинеры);
  18. Какие преимущества выделяют;
  19. Статистика компаний;
  20. Социальные доказательства и отзывы;
  21. Наличие фото/видео контента и его качество;
  22. Схемы сотрудничества;
  23. Функционал сайта;
  24. Дизайн сайта;
  25. Смысловая и текстовая проработка сайтов.

Проанализировав сайты конкурентов, мы перешли к услуге «‎Тайный покупатель», с помощью которой мы можем:
  1. Проверить актуальность информации на сайте;
  2. Проследить воронку продаж;
  3. Оценить работу отдела продаж;
  4. Собрать сметы, коммерческие предложения и расчёты, которые в дальнейшем тоже анализируем;
  5. Понять какие дожимы используют конкуренты, чтобы продать (лид-магниты, спецпредложения, акции).

Оставили заявки на сайтах конкурентов и провели вышеперечисленную работу.

Результатом этого этапа стала объемная сводная таблица и презентация отчета с результатами исследования. Заказчик четко видит свое место на рынке, понимает, как работают его конкуренты. А мы обнаружили сильные и слабые стороны как нашего клиента, так и других участников рынка.

2. Анализ целевой аудитории


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

В ходе анализа целевой аудитории были определены:
  1. Jobs to be done — работа, за которую люди готовы платить;
  2. Критерии выбора компании;
  3. Убеждения целевой аудитории;
  4. Жизненные ситуации, когда ищут услугу;
  5. Где ищут услугу;
  6. Как ищут услугу;
  7. Поисковые запросы (коммерческие, информационные, смешанные);
  8. Страхи целевой аудитории;
  9. Отзывы о конкурентах на различных площадках;
  10. Отзывы о конкурентах на их сайтах/соц.сетях;
  11. Отзывы о компании заказчика;
  12. Ожидания целевой аудитории об услуги;
  13. Ожидания целевой аудитории от компании;
  14. Факторы, которые вызывают доверие потенциальных клиентов;
  15. Распространенные вопросы от целевой аудитории об услуге;
  16. Желания будущих заказчиков;
  17. Определили ключевые сегменты целевой аудитории.

кейс клининговой компании
Майнд-карта разбора целевой аудитории

Источники, из которых мы получали информацию:
  • Интервью с текущими клиентами и теми, кто покупал за последние полгода;
  • Отзывы в социальных сетях и на сайтах прямых и косвенных конкурентов;
  • Отзывы на специализированных площадках (Otzovik и т. д. тп);
  • Отзывы в сервисах карт (2GIS, Яндекс. Карты, Google Map);
  • Изучили профили конкурентов на агрегаторах (Яндекс. Услуги и т. д. тп.);
  • Проанализировали форумы, на которых общается целевая аудитория и делится своими болями, страхами и ожиданиями от услуги;
  • Провели интервью с заказчиком;
  • Изучили материалы от заказчика;
  • Прослушали звонки отдела продаж;
  • Просмотрели переписки отдела продаж с лидами;
  • Поисковые запросы.

Результатом этого этапа стала сводная майнд-карта по целевой аудитории и отчет-презентация по этому этапу.

Результат маркетинговых исследований от NAJES для разработки лендингов клининговой компании


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

Этап № 3 — Составление прототипа сайта для клининга


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

На этом этапе мы для начала составляем смысловую структуру лендинга по услуге клининга, после этого наполняем её текстом, а по завершению этой работы все упаковываем в понятный прототип.

сайт для клининга
Прототип первого экрана страницы B2C направления

сайт для клининговой компании
Прототип первого экрана страницы B2B направления

В ходе этого этапа работы мы:
  • Составили смысловую структуру двух посадочных страниц;
  • Написали текст для лендинга под каждое направление;
  • Продумали различные варианты целевых действий и форм захвата контактов;
  • Разработали лид-магниты;
  • Проработали прототип калькулятора;
  • Продумали еще по одному варианту первого экрана для каждого направления, чтобы провести в будущем A/B тестирование;
  • Разработали прототип страницы «спасибо».

Разработав два прототипа посадочных страниц, мы согласовали их с заказчиком и перешли к следующему этапу.

Этап № 4 — Определение визуальной концепции бренда и разработка логотипа для клининговой компании


Перед началом разработки логотипа для компании, оказывающей услуги клининга, мы провели интервью с заказчиком и определились с ожиданиями от визуального стиля компании. Клиент согласился на смелое предложение отойти от классического цветового паттерна в нише (синий/голубой), ассоциирующийся с цветом чистоты и дал нам простор действий.

логотип клининга
Цветокор проекта

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

логотип для клининговой компании
Первая концепция, которую мы предложили

Клининг — это чистота помещения. Чистота ассоциируется с водой, поэтому мы отрисовали каплю, внутри которой располагается моющее средство.

логотип для клининга
Доработка первоначальной идеи

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

сайт услуг клининга
Первый концепт логотипа компании

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

пример визиток для клининга
Промежуточный вариант

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


как создать сайт самому клининга
Второй концепт логотипа компании

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

коммерческое предложение на клининг pdf
Итоговый логотип компании Frau Braun

После окончания работы над логотипом, цветами и шрифтами мы перешли к разработке дизайна сайта услуг клининга.

Этап № 5 — Разработка дизайна сайта клининговой компании


Этот этап в нашей студии делится на 3 подэтапа:
  1. Подбор референсов;
  2. Подготовка дизайн-концепции;
  3. Разработка полноценного дизайн-макета.

Подбор референсов


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

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

создать сайт для клининговой компании
Таблица референсов

Подготовка дизайн-концепции


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

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

Мы приобрели иллюстрации на одном из зарубежных сервисов и адаптировали под нашу концепцию бренда.
лендинг клининговой компании
Сравнение иллюстраций до и после

Обсудив варианты и внеся правки, у нас получился такой пак графики.

кп по клинингу
Иллюстрации для лендинга Frau Braun

Разработка дизайн-концепций сайта услуг клининга


На этом проекте мы готовили две дизайн-концепции, которые отличаются между собой.

В первом дизайн-концепте для фона мы использовали светло-бежевый цвет. Он хорошо сочетается с акцентными зелеными кнопками и логотипом. Дополнительно для некоторых плашек решили использовать желтый и светло-зеленый цвет, для дополнительных акцентов и визуальных переходов от блока к блоку, тематическая графика давала дополнительные акценты на смысловых блоках.
сайт услуг клининга
Первый дизайн-концепт лендинга Frau Braun (B2B)

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

лендинг клининг
Второй дизайн-концепт лендинга Frau Braun (B2B)

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

готовый сайт клининговой компании
Итоговый дизайн-концепт лендинга на тильде Frau Braun

Разработка полноценного дизайн-макета сайта


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

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

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

коммерческое предложение по клинингу образец
Раздел оборудования

А в разделе дополнительных услуг мы подобрали тематические стоковые картинки. Живых фотографий хорошего качества на момент запуска сайта не было.

коммерческое предложение клининговой компании образец
Дополнительные услуги страница (B2B)

Посадочная страница для B2C сегмента по стилю повторяла B2B, только графика соответствовала тематике.

визитки для клининговой компании
Посадочная страница под сегмент (B2C)

коммерческое предложение образец на услуги клининга
Дополнительные услуги страница (B2C)

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

коммерческое предложение на оказание услуг клининга
Калькулятор на странице B2C

Завершив разработку дизайн-макета сайта, мы провели презентацию, всё согласовали и перешли к адаптивной верстке.

Этап № 5 — Адаптивная верстка сайта в тильде


По завершении отрисовки дизайна мы окончательно согласовали концепцию с заказчиком и приступили к верстке и техническим настройкам сайта в тильде.

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

коммерческое предложение от клининговой компании
Сайт отображается на всю ширину на любых устройствах

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

визитка клининговой компании
Мобильная версия сайта

По итогу мы:
  • Адаптировали сайт под все устройства;
  • Проверили работоспособность всех кликабельных элементов и анимаций сайта;
  • Собрали калькулятор для расчета стоимости;
  • Протестировали отправку/получение заявок с сайта;
  • Протестировали работоспособность калькулятора;
  • Записали видеоинструкцию по работе с сайтом.

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

Этап № 6 — Разработка коммерческого предложения и визиток для клининговой компании


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

кп клининг
Прототип первого экрана КП

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

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

коммерческое предложение клининг
Разработанное КП для Frau Braun

После разработки КП мы приступили к разработке визиток для клининговой компании. Техническое задание было на двухсторонние визитки, и мы решили сделать несколько вариантов под B2B И B2C сегмент.

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

визитки для клининга
Первый вариант визитки

визитки клининг
Второй вариант визитки

Результаты сотрудничества


  • За 35 дней разработали сайт клининговой компании — https://fraubraun.ru/;
  • Заказчик получил полный отчёт по маркетинговым исследованиям и рекомендации по дальнейшему продвижению и улучшению сервиса и услуги;
  • Дополнительно к сайту подготовили для заказчика дизайн коммерческого предложения и визиток;
  • Продолжаем развитие проекта и разрабатываем внутренние страницы, чтобы в конечном итоге превратить его в многостраничный сайт;
  • Рекламной компанией занимается наш специалист;
  • Заказчик остался доволен работой и оставил нам отзыв.

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

Отзыв заказчика о сотрудничестве с NAJES



коммерческое предложение клининговой компании
Кейсы Полезное