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

Связи по совместимым продуктам

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