Bioprocessor: веб-перезапуск під час війни
Ольга Веденєєва
Ольга Веденєєва
Head of Development
02.11.2023

ТМ Bioprocessor - це українська компанія, яка займається виготовленням локальних очисних споруд. Вони розробляють унікальну технологію для обробки каналізаційних стоків, знежирення та їх подальшої утилізації. Лозунг компанії говорить сам за себе - “думай про завтра, зберігаючи довкілля вже сьогодні”. Bioprocessor турбується про довкілля та мають на меті ціль - щоб їхні технології стали більш поширеними.

Думай про завтра, зберігаючи довкілля вже сьогодні

Велика місія в непрості часи

Попри повномасштабне військове вторгнення рф, компанія ні на день не припиняла роботу і продовжує працювати в усіх регіонах України. Разом з Європейською Бізнес Асоціацією, Міністерством захисту довкілля та природних ресурсів України компанія розробила план заходів щодо пріоритетних реформ, необхідних для ефективної роботи з відновлення та розвитку України у воєнний і післявоєнний періоди.

Щоб розвиток компанії не зупинявся Біопроцессор визначили для себе пріоритетні цілі:

  1. Збільшити використання технології Bioprocessor та підтримати довкілля.
  2. Стати відомою компанією - отримати визнання у своїй галузі, збільшити свою публічну відомість та залучити увагу потенційних клієнтів.
  3. Отримувати більше замовлень від корпоративних клієнтів.

Але на шляху до мети існувала велика перешкода - застарілий сайт, який не викликав довіру до компанії та не спонукав клієнтів замовити продукцію.

Тому логічно постала необхідність розробити гарний сайт, що буде вигідно презентувати компанію. Було важливо створити веб-сайт, який не тільки буде ефективним з точки зору маркетингу, але й зовні відповідатиме образу професійної та відповідальної компанії.

Несподівана зустріч

Іноді трапляється так, що клієнти знаходять нас зовсім не звичним шляхом. Наша маркетологиня Марія, вела у facebook відвертий блог про життя в Херсоні під час окупації. Після звільнення Херсону Марія приєдналась до команди, яка вже була релокована до Одеси та продовжила ділитись своїм життям та робочими моментами діджитал агенції SVITLI. На сторінку Марії підписано більше 1200 підписників і серед них опинилась Катерина, що керує відділом продажів у Bioprocessor. Катерина поцікавилась чи можемо ми допомогти створити сайт по дизайну, який їм розробили на фрилансі. Ми домовились про зустріч.

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

Наявний дизайн був розроблений не web-дизайнером, а дизайнером поліграфічної продукції, який просто не знав нюанси створення веб-інтерфейсів.

Веб-дизайн - це не лише мистецтво, але і наука. Тільки об'єднуючи творчість та стратегію, можна створити дизайн, який не просто прикрашає, але і сприяє досягненню мети.

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

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

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

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

Карта сайту

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

  • Використали фірмові кольори – блакитний та зелений;
  • Елементи, пов'язані з водою, краплі та CSS-анімації хвиль.
  • Для створення "WOW"- ефекту, додали на сайт відео анімації з обладнанням Bioprocessor.

За новим дизайном зверстали сайт під 5 основних видів екранів. Виконали тестування готової верстки на різних пристроях та браузерах. Виправили знайдені помилки. При виборі системи управління контентом (CMS) зупинились на Wordpress. Чому обрали саме цей варіант читайте тут.

  1. Сьогодні третина всіх вебсайтів в інтернеті побудована на основі CMS Wordpress.
  2. Ця платформа дає можливість створювати багатомовний сайт та легко додавати нові мови до нього.
  3. Wordpress має вбудовану оптимізацію для пошукових систем, завдяки готовим SEO-модулям та правильній структурі, що сприяє більш ефективному розміщенню сайту в Інтернеті.
  4. Інтуїтивно зрозуміла адміністративна панель робить роботу з сайтом зручною, навіть для менеджера зі сторони клієнта, який швидко освоїть роботу з сайтом.
  5. Легкість внесення та редагування інформації - можна легко редагувати без залучення програмістів, що робить процес оновлення максимально простим і швидким.
  6. 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 по запиту “Автономна каналізація". Цих позицій вдалось досягти внаслідок якісно виконаної внутрішньої оптимізації сайту, купівлі посилань ну і звісно, завдяки самому сайту.

Висновки

Напевно ви вже втомились читати, але “мораль” обовʼязкова частина розповіді. Тому ми повинні сказати своє завершальне слово. Гарний сайт завжди коштує грошей, і часто його вартість більше, ніж очікує клієнт. Фраза “Лінивий двічі ходить, скупий двічі платить” стосується і розробки. Обирайте перевірену компанію, тих, хто вас не підведе, щоб не витрачати зайвих коштів на перероблення сайту.

Заявка на консультацію
Давайте робити світлі справи разом?
Залишай заявку обговоримо, що можемо зробити для розвитку вашого проекту
Введіть, будь ласка, коректні дані
Введіть, будь ласка, коректні дані
Введіть, будь ласка, коректні дані
Історія Dr. Vatanov: як ми допомогли відкрити філію стоматологічної клініки під час війниЧитайте кейс
Історія Dr. Vatanov: як ми допомогли відкрити філію стоматологічної клініки під час війни