Rate this fw-portfolio

ABM Cloud

Про проєкт

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

Цілі проєкту

Попередня версія сайту застаріла і не відповідала сучасним вимогам. Дизайн був складним, а адмінпанель — обмеженою в управлінні. Компанія прагнула оновити платформу, щоб: Оптимізувати та покращити дизайн для зручності користувачів. Створити гнучку систему управління контентом. Мінімізувати вразливості сайту, що зазнавав атак у минулому. Забезпечити плавний переїзд зі збереженням SEO-позицій і контенту.

Галузь

B2B SaaS

Рік запуску

2024

Результат

Перейти на сайт

Виклики та завдання:

Замовник звернувся з кількома ключовими проблемами, які заважали ефективній роботі сайту та стримували розвиток компанії:

001

Неактуальний UX/UI-дизайн

Попередній дизайн сайту потребував доопрацювання UX/UI, щоб відповідати сучасним стандартам зручності та естетики. Відсутність додаткових сторінок обмежувала повноцінне представлення продуктів і знижувала залученість аудиторії.

002

Вразливість сайту до атак

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

003

Обмежене управління контентом

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

004

Ризики втратити SEO-позиції при міграції

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

005

Складність збереження контенту

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

Завдання для нашої команди:

001

Розробка кастомного функціоналу для управління контентом

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

002

Фільтрація та зв’язки між клієнтами й продуктами

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

003

Підтримка великої кількості медіаресурсів

Потрібно було реалізувати функціонал для обробки різноманітних медіа — фото та відео, включаючи відео відгуки. Це дозволяло б ефективно презентувати продукти та підвищувати довіру аудиторії.

004

Збереження та оптимізація статей для фільтрації

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

005

Фільтрація та обробка вакансій

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

006

Інтеграція з HubSpot

Необхідно було інтегрувати сайт із HubSpot для обробки форм зворотного зв’язку, вакансій і лідогенерації. Це дозволяло б автоматизувати комунікацію з клієнтами та оптимізувати маркетингові процеси.

007

Відображення поточних і минулих подій

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

UX/UI дизайн:

Перед початком роботи було проведено, такі UX-дослідження:

Проведено аналіз UX/UI попереднього дизайну, враховуючи відгуки клієнтів і конкурентів у сфері хмарних рішень.

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

Зміни, які були реалізовані:

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

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

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

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

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

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

Блок “Рекомендовані статті”. Впроваджено механізм автоматичного виводу тематично релевантних матеріалів для залучення користувачів і збільшення часу перебування на сайті.

Підтримка мультимедійного контенту. Реалізовано зручний функціонал для розміщення фото та відео матеріалів, включаючи підтримку відео відгуків.

Мультимовність. Сайт підтримує повноцінну локалізацію українською, англійською, російською, казахською та киргизькою мовами.

Розділ “Події”. Реалізовано відображення поточних і архівних подій компанії, забезпечено простий механізм додавання нових заходів.

SEO-оптимізований переїзд контенту. Успішно перенесено статті, кейси та матеріали зі старого сайту на новий сервер зі збереженням структури URL, SEO-атрибутів і позицій у пошукових системах.

Використані технології:

Сайт створено на базі CMS WordPress із використанням PHP і компілятора Twig. Для серверної логіки використано Apache, а дані зберігаються в базі MySQL. Фронтенд реалізовано за допомогою HTML, CSS і JavaScript. Інтеграція з HubSpot забезпечує обробку форм і вакансій.

Функціональні можливості сайту:

Сайт має ряд професійних функціональних можливостей для зручності користувачів:

Загальний функціонал сайту

01

Мультимовність . Сайт підтримує кілька мов (українську, англійську, російську, киргизьку). Це дозволяє залучати міжнародну аудиторію та надавати локалізований контент для різних регіонів.
02

Інтеграція з HubSpot і стилізовані форми . Розроблено інтеграцію з HubSpot для обробки форм зворотного зв’язку та вакансій. Стилізовані форми забезпечують зручну взаємодію користувачів із сайтом і автоматизацію маркетингових процесів.
03

Блоки FAQ. Створено структуровані блоки поширених запитань, які надають швидкі відповіді на запитання користувачів, підвищуючи зручність і довіру до платформи.
04

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

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

Фільтрація та пошук

01

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

Фільтрація на сторінках клієнтів і блогу. Впроваджено систему фільтрів для сторінок клієнтів і блогу, що дозволяє користувачам зручно сортувати контент за категоріями чи продуктами, спрощуючи доступ до потрібної інформації.
03

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

Топові статті в блозі. Реалізовано виділення пріоритетних статей у блозі. Це привертає увагу до ключового контенту та сприяє глибшому ознайомленню з продуктами компанії.
05

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

Результати:

001

Оновлений дизайн

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

002

Покращена система управління

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

003

Функціональна адміністративна система

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

004

Зв'язки для продуктів та статей

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

005

Управління формами для HubSpo

Інтегровано можливість керування формами для HubSpot. Це забезпечує зручний збір та обробку даних без необхідності зайвих втручань у систему.

006

Фільтрація та категоризація сторінок

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

007

Висока продуктивність сайту

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

008

Збереження та покращення SEO позицій

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

009

Мультимовність сайту

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

010

Пріоритезація статей та кейсів

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

011

Зв'язки по сумісним продуктам

Реалізовано функціонал для автоматичного зв'язування сумісних продуктів, що допомагає користувачам легко знаходити додаткові рішення та аксесуари до обраних товарів.