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
Предыдущий проект
