ТМ Bioprocessor — это украинская компания, которая занимается изготовлением локальных очистных сооружений. Они разрабатывают уникальную технологию для обработки канализационных стоков, обезжиривания и их последующей утилизации. Лозунг компании говорит сам за себя — “думай о завтра, сохраняя окружающую среду уже сегодня”. Bioprocessor заботится об окружающей среде и имеет цель — чтобы их технологии стали более распространёнными.

Большая миссия в непростые времена

Несмотря на полномасштабное военное вторжение РФ, компания ни на день не прекращала работу и продолжает работать во всех регионах Украины. Вместе с Европейской Бизнес Ассоциацией, Министерством защиты окружающей среды и природных ресурсов Украины компания разработала план мероприятий по приоритетным реформам, необходимым для эффективной работы по восстановлению и развитию Украины в военный и послевоенный периоды.

Чтобы развитие компании не останавливалось, Bioprocessor определил для себя приоритетные цели:

1. Увеличить использование технологии Bioprocessor и поддержать окружающую среду.
2. Стать известной компанией — получить признание в своей отрасли, увеличить свою публичную известность и привлечь внимание потенциальных клиентов.
3. Получать больше заказов от корпоративных клиентов.

Но на пути к цели существовало большое препятствие — устаревший сайт, который не вызывал доверие к компании и не побуждал клиентов заказать продукцию.

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

Неожиданная встреча

Иногда бывает так, что клиенты находят нас совершенно необычным образом. Наша маркетолог Мария вела в Facebook откровенный блог о жизни в Херсоне во время оккупации. После освобождения Херсона Мария присоединилась к команде, которая уже была релокирована в Одессу, и продолжила делиться своей жизнью и рабочими моментами диджитал-агентства SVITLI. На страницу Марии подписано более 1200 подписчиков, и среди них оказалась Екатерина, которая управляет отделом продаж в Bioprocessor. Екатерина поинтересовалась, можем ли мы помочь создать сайт по дизайну, который им разработали на фрилансе. Мы договорились о встрече.

Во время личного знакомства мы рассмотрели дизайн и обнаружили, что он имеет существенные недостатки в сфере пользовательского опыта и интерфейса. Также не были созданы адаптивные дизайны (под мобильные устройства и планшеты). Мы с сожалением констатировали, что разработать качественный сайт с таким UI/UX будет невозможно. Это случалось в нашей работе уже не раз, и нам всегда очень жаль средств и времени, потраченных клиентом впустую. Почему так произошло?

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

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

Анализ проблем и стратегический план

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

Разработка нового дизайна

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

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

• Использовали фирменные цвета – голубой и зеленый;
• Элементы, связанные с водой, капли и CSS-анимации волн.
• Для создания «WOW»-эффекта добавили на сайт видео анимации с оборудованием Bioprocessor.

По новому дизайну сверстали сайт под 5 основных видов экранов. Провели тестирование готовой верстки на разных устройствах и браузерах. Исправили найденные ошибки. При выборе системы управления контентом (CMS) остановились на WordPress. Почему выбрали именно этот вариант читайте тут.

Разработка сайта в сжатые сроки

Главную страницу сайта нужно было выпустить в первую очередь — через месяц была запланирована выставка, где Биопроцессор должна была представить свою продукцию. Хорошая и эффективная презентационная страница была чрезвычайно важной. Она должна была придать профессиональный вид бренду Bioprocessor, а также качественно отобразить основные преимущества и уникальность их оборудования. Мы понимали срочный характер задачи и большую важность этого проекта для нашего клиента, поэтому уделили ему приоритетное внимание и ресурсы, чтобы обеспечить успешную презентацию на выставке. И у нас все получилось — готовая главная страница была выпущена за 3 недели с момента начала работ.

Создание внутренних страниц

Нам было важно создать сайт, который будет убеждать пользователей в надежности оборудования и даст ответы на все вопросы, которые могут возникнуть. Именно поэтому мы создали структуру страниц оборудования в виде Landing Page. Каждый блок был продуман и имел свое предназначение:

1. Презентационный экран. Визуально привлекает внимание посетителей, создает первое впечатление и стимулирует интерес пользователя.
2. Блок с преимуществами. Убеждает пользователя в преимуществах продукции, предоставляет аргументы в пользу выбранного оборудования.
3. Конструкция. Важный блок для тех, кто изучает детали и технические аспекты продукта.
4. Модельный ряд. Важен для пользователей, которые самостоятельно выбирают варианты для своих нужд. Оборудование имеет разные размеры, характеристики, которые хранятся в таблицах Excel. Но для посетителей сайта мы создали удобный и понятный дизайн таблиц, который адаптируется под разные устройства. Для менеджера реализовали возможность создавать из админ-панели таблицы со спецификацией моделей оборудования.

1. Особенности технического обслуживания, документы. Предоставляет информацию по обслуживанию оборудования, доказательства качества продукта.
2. Блок с SEO-текстом и Вопрос-ответ. Повышает видимость страницы в поисковых системах благодаря оптимизированному контенту. Необходим для улучшения позиций в поисковых результатах.
3. Форма обратной связи и форма заказа. Позволяет посетителям легко связаться с компанией для получения дополнительной информации и сделать заказ оборудования. Чтобы менеджеры Bioprocessor могли быстро и удобно обрабатывать заказы с сайта, мы создали уникальную форму для каждого из 4-х видов оборудования с выбором модели и вводом ключевых параметров. Все заявки с сайта поступают в телеграм-канал, где менеджеры могут их распределить между собой. Из-за отсутствия у клиента CRM заявки дополнительно фиксируются в админ-панели сайта.

Путаница терминов: Как SEO-запросы создали вызов для веб-разработчиков

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

Как мы это сделали:

1. Подробно описали конструкцию, принцип работы и эксплуатацию автономной канализации.
2. Создали блок FAQ — где привели ответы на распространенные вопросы клиентов, а также использовали высокочастотные запросы, чтобы не потерять трафик тех, кто еще не разобрался, что к чему.
3. Написали статью в блог, где раскрыли преимущества оборудования и технологий Bioprocessor по сравнению с септиком.

Запуск сайта

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

Хотите так же?

Готовы вместе с нами повторить успех Bioprocessor? Оставьте заявку, и мы свяжемся с вами, чтобы обсудить детали.

Оставить заявку

Что в результате? Цель достигнута!

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

За 2 месяца SEO-продвижения в ТОП 10 удалось вывести 72% ключевых слов. И это без закупки ссылок, только на оптимизации.

За 3 месяца работы удалось вывести сайт в ТОП-3 по запросу “Автономная канализация”. Этих позиций удалось достичь благодаря качественно выполненной внутренней оптимизации сайта, покупке ссылок и, конечно, благодаря самому сайту.

Выводы

Наверное, вы уже устали читать, но “мораль” — обязательная часть рассказа. Поэтому мы должны сказать свое заключительное слово. Хороший сайт всегда стоит денег, и часто его стоимость больше, чем ожидает клиент. Фраза “Ленивый дважды ходит, скупой дважды платит” относится и к разработке. Выбирайте проверенную компанию, тех, кто вас не подведет, чтобы не тратить лишние средства на переделку сайта.

Давайте делать светлые дела вместе?

Оставьте заявку, обсудим, что мы можем сделать для развития вашего проекта

Оставить заявку