ISPsystem
Промышленность и оборудование
Россия
Декабрь 2024
– Получить современное дизайн-решение сайта, которое позволит увеличить объем целевых обращений.
– Разделить входящий трафик на 2 потока за счет наглядного деления контента сайта (графического и текстового) под каждую ЦА, чтобы ускорить процесс выбора и принятия решения.
– Произвести переупаковку бренда для представления онлайн и получить дизайн страниц с паками иконок, руководством по анимации и UI-kit для верстки сайта своими силами.
Начали с глубокой аналитики: провели аудит текущего сайта, изучили поведение ЦА, конкурентов, SEO-спрос и CJM. Выявили слабые стороны и на их основе построили стратегию: сайт должен вести два разных сегмента пользователей по разным маршрутам. В итоге разработали подробную карту сайта, в которой учли всё — от структуры до подвала.
На базе карты сайта и семантики создали прототипы в Figma. Главный экран сразу делит трафик на 2 потока — для провайдеров и для компаний с ИТ-инфраструктурой. Каждая ЦА получает свой путь, сценарии и блоки контента. Это решение позволило сократить нецелевые обращения и упростить навигацию по продуктам.
Пока шла работа над UX, команда клиента собирала и адаптировала контент — под чёткое ТЗ, составленное на основе карты сайта. Мы подготовили карту контента, чтобы синхронизировать тексты и дизайн. Такой подход ускорил процесс: когда прототип был готов, у нас уже были все материалы для дизайна.
Проект потребовал гибкости. Первая концепция строго следовала брендбуку, но не сработала онлайн: фирменные цвета оказались малоконтрастными. Мы адаптировали стиль: усилили читаемость, сделали тёмный фон и акцентный синий. Для оценки решений подключили ИИ — тепловые карты показали, где фокус внимания пользователя. На выходе — актуальный, интуитивный интерфейс, адаптированный под восприятие ИТ-аудитории. Мы интегрировали даже старые «стеклянные» 3D-иконки, дополнив их новыми в едином стиле.
Результат — 17 уникальных страниц, проработанный UI-kit, 4 месяца от аудита до финала и сайт, который теперь работает как воронка продаж. Клиент доволен: метрики выросли, опыт пользователя улучшился, а команда — гордится результатом.
После утверждения финального дизайна команда подготовила UI-kit — набор всех элементов интерфейса для дальнейшей верстки.
В него вошли:
– Шрифты и цветовая палитра,
– Стили кнопок и форм,
– Иконки (в том числе переработанные 3D-иконки клиента),
– Руководство по использованию анимаций,
– Гайд по адаптивности.
UI-kit обеспечил заказчику возможность быстро и последовательно адаптировать или дорабатывать сайт в будущем — своими силами или с подрядчиком.