Від ідеї до реалізації за 120 днів: створення сайту у сфері біоенергетики під керівництвом маркетолога

Застарілий сайт для будь-якого бізнесу — це якір. Він обмежує можливості, нівелює всі переваги й гальмує розвиток. Розуміючи це, компанія Pro-Energy звернулася до агенції Solve Marketing для розробки сучасного, функціонального й багатосторінкового сайту.

А головне, сайт мав бути не просто «красивим», бо краса завжди суб’єктивна. Сайт мав стати інтернет-представництвом, яке виконує всі маркетингові завдання бізнесу: формує довіру до бренда та залучає нових клієнтів.

Викликів було чимало: від стислих дедлайнів та вимог від ЄБРР, що надавали бюджетування, до непростої ніші. Якщо не встигаємо завершити роботу вчасно — клієнт втрачає грант. Усе або нічого.

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

Проєкт — українська інжинірингова компанія Pro-Energy, яка спеціалізується на біоенергетиці.

CMO — Кристина Гладунова.

Операційний маркетолог — Кристина Тригуб.

Навігація кейсом

Наша команда
Початок роботи: дослідження ринку й конкурентів
Розробка структури сайту й сторінок
Наповнення сторінок контентом
Дизайн сайту
Верстка сайту
Формування англомовної версії
Результати проєкту

Наша команда

Від ідеї до реалізації за 120 днів: створення сайту у сфері біоенергетики під керівництвом маркетолога

Дослідження ринку й конкурентів

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

Сайти конкурентів були дуже детально пропрацьовані, насичені технічною інформацією та кейсами. Це пояснюється тим, що об’єкти у сфері біоенергетики та біопереробки можуть коштувати сотні тисяч доларів.

Отже, клієнти довго обирають виконавця, порівнюючи різні пропозиції.

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

Одночасно з аналізом ринку ми провели інтерв’ю із замовником, яке допомогло краще зрозуміти специфіку клієнтів: на що звертають увагу на сайті, телефонують чи надсилають заявку та багато всього іншого.

Оскільки компанія Pro-Energy працює у сфері відновлювальної енергетики, у нас виникла ідея залучити грантове фінансування на розробку сайту. У деяких сферах отримати такий грант значно простіше. Енергетика — одна з них.

Тому ми сформували заявку до ЄБРР, і через деякий час нам прийшла відповідь, що нас пропускають далі і ми можемо готувати проєктну документацію.

ЄБРР — Європейський банк реконструкції та розвитку, один із найбільших інституційних інвесторів в Україні. Команда Solve Marketing є кваліфікованими консультантами. Це означає, що ми виконали комплаєнс банку й можемо бути виконавцями грантових проєктів.

У цьому кейсі це подано кількома реченнями, але вся документація грантового проєкту — це об’ємна робота, яку ми виконуємо не вперше.

Головна відмінність наявності фінансування від ЄБРР — це грантовий договір із чіткими термінами, недотримання якого призводить до втрати фінансування.

Ми сприймаємо виконання таких проєктів як доказ, що вміємо працювати з дотриманням усіх термінів. А ще ми віддаємо документацію в такому вигляді, що постійно отримуємо подяку від представників грантової організації за чіткість та своєчасність 🙂

Отже, проєктний договір підписаний, часу обмаль. Треба діяти!

Розробка структури сайту й сторінок

Після аналізу конкурентів і збору даних ми перейшли до розробки структури сайту Pro-Energy. Структура — це так зване «дерево» майбутнього сайту, що визначає перелік сторінок, їхні назви та взаємодію між ними. Важливо було створити зрозумілу та логічну навігацію, яка допомогла б користувачам легко орієнтуватися на сайті й швидко знаходити потрібну інформацію. Коли сайт продуманий та інтуїтивний, відвідувачі швидше знаходять інформацію і, як результат, імовірніше приймають рішення на користь компанії.

Після затвердження структури сайту ми перейшли до формування «скелета» сторінок. Процес розробки сторінок відбувався паралельно з іншими етапами, адже ми розуміли, що часу на очікування немає.

Одразу після завершення структури однієї сторінки вона передавалася контент-маркетологу для підготовки текстового наповнення. Це дало нам змогу ефективно використовувати кожну хвилину, працюючи за схемою конвеєра.

Наповнення сторінок контентом

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

«Головна». Мета цієї сторінки — максимально зацікавити відвідувачів, утримати їх на сайті й конвертувати в клієнтів. Тут ми висвітлили створене позиціювання, переваги та показники станцій компанії, перелік послуг, кейсів і партнерів, а також додали сильні заклики до дії.
«Про нас». Потенційний клієнт має добре розуміти, кому він довіряє великі вкладення. Тому на цій сторінці ми максимально детально знайомимо аудиторію з Pro-Energy: висвітлюємо місію та візію, цінності компанії, історію розвитку, переваги й досягнення. Ми також представили основну команду компанії та партнерів, щоб потенційний клієнт на власні очі побачив спеціалістів.
«Рішення». Ми розробили загальну сторінку з переліком послуг, а також для кожної окремо: «біогаз і біометан», «когенерація», «біомаса», «біопереробні заводи». Як видно з назв сторінок, робота була непростою, але дуже цікавою 🙂

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

Сторінки, присвячені послугам, детально описували кожне рішення й чітко аргументували, чому саме Pro-Energy є найкращим вибором для клієнтів. Ми розповіли про унікальні переваги, досвід та експертизу компанії, щоб створити в користувачів відчуття довіри та надійності.

«Системний підхід». Ця сторінка повністю присвячена основній перевазі — комплексним рішенням. Ми описали етапи реалізації проєкту: від ідеї до введення станцій в експлуатацію. Важливо було підкреслити, що замовнику не потрібно самостійно розбиратися з документацією, пошуком фінансування, а також навчати персонал і підтримувати справність обладнання. Тож ми зазначили, що Pro-Energy — не просто підрядник, а довгостроковий партнер.

«Реалізовані проєкти». Сторінка з кейсами — це фактичне підтвердження усіх переваг, гарантія надійності компанії. В описі реалізованого проєкту потенційний клієнт має бачити себе, свої можливості після замовлення біоенергетичного проєкту. Тому ми описали шлях від запиту до виходу на окупність станції з важливими подробицями. Найкраще в цій сфері спрацьовують цифри, які точно передають результат інвестицій клієнтів.

Інші сторінки. Крім основних сторінок сайту, ми подбали також про розміщення контактів компанії, описали політику конфіденційності й розробили сторінку 404.

Окремо варто згадати про SEO-оптимізацію контенту. Щоб сайт був видимим у пошукових системах і з’являвся вище в пошуку, ми інтегрували в контент сайту ключові слова. Крім того, на сторінках були розміщені блоки FAQ із найпоширенішими запитаннями, відповіді на які часто шукають користувачі. Поширені запитання не лише наповнили сайт інформацією, але й сприяли поліпшенню його позицій у пошукових системах.

Дизайн сайту

Дизайн сайту — це не просто красивий візуал. Це те, що формує перше враження про компанію й може визначити, чи залишиться користувач на сайті, чи піде шукати далі. Ми розуміли, наскільки важливо створити сучасний, інтуїтивно зрозумілий і ефектний дизайн.

Дизайнери Solve Marketing почали втілення сайту з розробки ключових сторінок у двох варіантах. Так ми дали клієнту обрати найбільш вдале рішення, яке й заклало фундамент для візуального стилю всього сайту.

Затвердивши дизайн, ми перейшли до розробки решти сторінок, зважаючи на адаптацію під мобільні пристрої. Адже в сучасному світі мобільна версія сайту є не менш важливою, ніж десктопна.

Однією з головних ідей візуального оформлення стали анімовані та інтерактивні елементи, що додають сайту динаміки та роблять взаємодію з ним більш захопливою. Наприклад, ми створили фірмовий бігунок, який відображається під час завантаження сторінок. Завдяки йому користувач бачить приємний візуал замість недовантажених сторінок.

Головна сторінка була оформлена з використанням відеоогляду біоенергетичних станцій із дрона, яке створює враження масштабності та технологічності компанії. Це відео одразу привертає увагу та викликає в користувачів інтерес до подальшого вивчення сайту.

Сторінка «Про нас» стала справжньою візитівкою компанії. Ми додали інтерактивний елемент — хронологію розвитку компанії за роками. Користувач може натиснути на будь-який рік і дізнатися про досягнення компанії в цей період, побачивши стабільний розвиток.

Ще один важливий елемент на цій сторінці — інтерактивна карта Європи, яка підсвічує локації, де компанія вже реалізувала свої проєкти. Це наочно демонструє географію діяльності компанії та її масштаб.

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

Верстка сайту

Оскільки ми працювали за регламентом ЄБРР, ми мали чітко дотримуватися часових меж. Але під час підписання договору ми ще не мали повного розуміння, із чим ми зіткнемося на цьому етапі. На верстку залишалося обмаль часу, а дизайн був насичений складними ідеями.

Але, попри всі складнощі, команда розробки Solve Marketing реалізувала всі елементи з увагою до деталей, перетворюючи візуальні концепції на код.

Після того як усі 6 сторінок були зверстані, ми перейшли до розробки адмін-панелі сайту. Її функціонал був розроблений так, щоб клієнт міг легко управляти контентом, редагувати й доопрацьовувати сайт, а також стежити за його ефективністю. Але й це ще не все.

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

На завершення ми розробили детальні інструкції щодо роботи з адмін-панеллю й провели презентацію для клієнта. Ми продемонстрували готовий сайт і пояснили всі ключові моменти роботи з ним.

Формування англомовної версії

Завершивши етап верстки, уся команда видихнула з полегшенням. Устигли, робота була здана вчасно, а отже, клієнта ми не підвели. Але, чи відоме вам це відчуття, коли ніби щось забули, а не можете згадати, що саме? От і ми відчули це, перш ніж згадали про переклад.

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

Результати проєкту

Чотири місяці роботи, складна ніша, обмежений час, регламенти й звіти, тривожне наближення дедлайну. Усе це лягло на плечі команди Solve Marketing серйозною відповідальністю, із якою ми, звісно ж, упоралися.

І, побачивши позитивну реакцію клієнта, ми зрозуміли — результат був вартий усіх зусиль. Наш клієнт отримав сучасний і зручний сайт, де кожен елемент працює бездоганно. А ми здобули неоціненний досвід, який будемо застосовувати в наступних проєктах.

Наш шлях із компанією Pro-Energy на цьому не завершився. Розробка сайту — це лише один із етапів, який потрібен для успішного залучення нових клієнтів, що відбулося дуже швидко!

Після запуску реклами лише протягом першого місяця всі інвестиції в сайт окупилися! Важко повірити? Диво? Ні, лише результат системної роботи віддаленого відділу маркетингу Solve Marketing.

Але про це читайте в нашому наступному кейсі. Підпишіться на нашу розсилку, щоб не пропустити.