FS Group
Про проєкт
FS Group — міжнародна компанія, що спеціалізується на кібербезпеці з фокусом на Infosecurity та Threat Intelligence. Завдяки широкому спектру унікальних продуктів і послуг, FS Group забезпечує захист компаній по всьому світу, допомагаючи їм протистояти сучасним кіберзагрозам. Сайт є ключовим інструментом для презентації експертизи компанії, демонстрації продуктів і залучення нових клієнтів.
Цілі проєкту
Попередній сайт FS Group був технічно застарілим: контент не оновлювався, система часто ламалася при спробах внести зміни. Крім того, дизайн не відповідав сучасним стандартам. Компанія активно розширювалась, з’являлися нові сервіси та продукти, тож постала потреба у створенні нового повноцінного ресурсу зі зручною адміністративною панеллю, можливістю інтеграцій, мультимовністю та актуальним дизайном.
Виклики та завдання:
Застарілий дизайн старого сайту
Попередній сайт не відповідав сучасним вимогам до дизайну і не відображав інноваційність бренду. Це призводило до того, що компанія не могла ефективно привертати увагу нових клієнтів.
Оновлення брендбуку та айдентики
Відсутність оновленого брендбуку і застарілий стиль айдентики не відповідали сучасним тенденціям, що знижувало впізнаваність бренду.
Проблеми з адмінпанеллю
Адміністративна панель мала численні технічні обмеження та баги. Це ускладнювало редагування контенту та управління сайтом. Не було можливості вносити зміни, що виходили за межі існуючих обмежень системи.
Відсутність інтеграцій
Сайт не дозволяв інтегрувати нові сервіси та платформи. Це обмежувало функціональність та можливості для оптимізації бізнес-процесів.
Обмежена мультимовність
Сайт не дозволяв гнучко керувати контентом різними мовами, що було критично для міжнародної компанії.
Проблеми з оптимізацією
Сайт не мав достатньо налаштувань для покращення SEO та ефективного просування в Інтернеті, що знижувало його видимість у пошукових системах.
Завдання для нашої команди:
Розробка кастомного функціоналу для управління контентом
Потрібно було створити систему, яка дозволяє ефективно керувати різними блоками сайту. Важливо, щоб вона дала змогу легко редагувати текстовий та візуальний контент без технічних труднощів.
Подача кейсів та новин, відповідних до послуг
Сайт мав презентувати продукти та послуги компанії через структуровані кейси, пов’язані з конкретними рішеннями.
Форми зворотного зв'язку для різних типів напрямків
Розробити спеціалізовані форми зворотного зв'язку для різних типів послуг. Це спростить комунікацію з клієнтами.
Розширена мультимовність з різним контентом та інформацією
Забезпечити підтримку кількох мов (українська, англійська, польська, шведська, російська) з можливістю адаптації контенту для кожної версії.
UX/UI дизайн:
Перед початком роботи було проведено, такі UX-дослідження:
Проведено серію інтерв’ю з клієнтом для визначення проблем, цілей проєкту, цільової аудиторії та ключових потреб.
Виконано аналіз конкурентів у сфері кібербезпеки. Це допомогло виявити їхні сильні та слабкі сторони й розробити конкурентоспроможний продукт.
Зміни, які були реалізовані:
Створено унікальний візуальний стиль, який відповідає оновленій айдентиці компанії. Дизайн підкреслює технологічність і надійність бренду, використовуючи сучасну типографіку, колірну палітру та структурований інтерфейс.
Розроблено кастомізовану адмінпанель, яка дозволяє створювати нові сторінки, редагувати блоки та керувати контентом без залучення програмістів.
Розроблено структуру та дизайн, що дозволяє чітко та ефективно презентувати інформацію про послуги та продукти, підкреслюючи їх інноваційність і унікальність.
Забезпечено можливість зв'язувати кейси та проєкти з конкретними продуктами. Це дає відвідувачам краще розуміння реальних застосувань продуктів компанії.
Сайт підтримує кілька мов (українська, англійська, польська, шведська) з адаптованим контентом для кожної версії. Це дозволило компанії ефективно працювати на міжнародному рівні
Проведено технічну оптимізацію (стиснення ресурсів, кешування, адаптація медіа), що забезпечує швидке завантаження навіть із багатим контентом.
Перероблена структура навігації, що дозволяє легко знайти потрібну інформацію і забезпечує зручний доступ до всього контенту сайту.
Налаштовано інтеграцію з HubSpot для збору лідів, а також із GA4 і Looker Studio для аналітики.
Оновлено елементи айдентики для узгодженості з новим дизайном сайту та загальним іміджем компанії. Це дозволяє підвищити впізнаваність бренду.
Використані технології
Для створення сайту була використана потужна комбінація технологій: CMS WordPress для зручного управління контентом, PHP з компілятором Twig для гнучкої обробки шаблонів, а також Apache як вебсервер та MySQL для зберігання даних.
Для адаптивного і стильного дизайну застосовувалися HTML, CSS та JavaScript. А інтеграція з HubSpot дозволила забезпечити ефективну автоматизацію маркетингових процесів і покращити взаємодію з користувачами.
Функціональні можливості сайту:
Загальний функціонал сайту
-
01
Мультимовність. Сайт має розширену мультимовність, що дозволяє користувачам переглядати контент на різних мовах. Інтерфейс адаптований для зручного переходу між мовами. Це дозволяє надавати локалізовану інформацію для різних аудиторій. Це значно покращує взаємодію з користувачами з різних країн та сприяє зростанню міжнародного трафіку.
-
02
Форми зворотного зв'язку. На сайті реалізовано інтегровані форми зворотного зв'язку, які дають змогу користувачам швидко залишити запит або отримати консультацію. Форми оптимізовані для всіх типів пристроїв, мають зручну структуру та адаптовані під UX. Це значно спрощує комунікацію з потенційними клієнтами та партнерами.
Категорізація кейсів та блогу
-
01
Сумісність кейсів і проєктів з продуктами. Сайт дозволяє інтегрувати кейси та проєкти з конкретними продуктами, що робить відображення робіт та досягнень компанії ще більш інформативним. Кожен кейс чи проєкт має можливість бути прив'язаним до відповідного продукту. Це дозволяє створювати чітке та лаконічне подання інформації.
-
02
Розділення за категоріями статей у блозі. Для зручності користувачів на сайті реалізовано функціонал розділення статей у блозі за категоріями. Це дозволяє швидко знаходити корисні матеріали.
Результати:
Оновили дизайн
Сайт отримав сучасний вигляд із використанням інноваційних елементів дизайну. Це підкреслюють технологічний характер компанії і її прогресивний підхід. Так міри допомогли покращити сприйняття бренду як сучасного та інноваційного гравця на ринку.
Розроблено на сучасній системі Wordpress
Проєкт реалізовано на платформі Wordpress, що підтримує масштабування і доповнення функціоналу в майбутньому. Такий підхід дозволяє легко адаптувати сайт до нових вимог та без проблем додавати нові функції без значних змін у загальній структурі.
Функціональна адміністративна система для управління контентом і сайтом
Розроблено зручну та інтуїтивно зрозумілу адміністративну панель, яка дає змогу команді клієнта легко керувати контентом, оновлювати інформацію на сайті та налаштовувати функціональність.
Можливість будувати сервісні та продуктові сторінки
Сайт надає гнучкість у створенні сторінок для сервісів і продуктів. Це дозволяє формувати різноманітні варіанти контенту та дизайну відповідно до потреб компанії, без обмежень за структурою або візуальним оформленням.
Категоризація на статтях
Введено функціонал категоризації статей у блозі, що дозволяє організувати контент за темами та надає користувачам зручний спосіб знаходити статті відповідно до їх інтересів.
Інтеграція з HubSpot, GA4, Looker Studio
Сайт інтегровано з провідними системами для маркетингу та аналітики. Серед них: HubSpot, Google Analytics 4 та Looker Studio. Це забезпечує ефективне управління даними та покращує процеси аналізу та оптимізації сайту.
Підвищений захист системи
Вжито заходів для посилення безпеки сайту, зокрема через впровадження сучасних механізмів захисту від зовнішніх загроз. Це гарантує безпечну роботу з даними користувачів та захист від несанкціонованого доступу.
Усі ці покращення сприяють позитивному враженню від використання сайту та підвищують його конкурентоспроможність на ринку.
Команда проєкту:
-
UX/UI дизайнер
-
Front-end розробник
-
Back-end розробник
-
SEO (партнери)
-
QA
-
PM
