Стартовали новые рейтинги digital-подрядчиковУспейте принять участие! Предварительные результаты.
Комплето
Разработка дизайна сайта для ISPsystem: от прототипа до финальной концепции за 4 месяца
Комплето
#Поддержка и развитие сайта#Проектирование сайта#Дизайн сайта

Разработка дизайна сайта для ISPsystem: от прототипа до финальной концепции за 4 месяца

90 
Комплето Россия, Москва
Поделиться:
Разработка дизайна сайта для ISPsystem: от прототипа до финальной концепции за 4 месяца
Клиент

ISPsystem

Сфера

Промышленность и оборудование

Регион

Россия

Сдано

Декабрь 2024

Задача

– Получить современное дизайн-решение сайта, которое позволит увеличить объем целевых обращений.

– Разделить входящий трафик на 2 потока за счет наглядного деления контента сайта (графического и текстового) под каждую ЦА, чтобы ускорить процесс выбора и принятия решения.

– Произвести переупаковку бренда для представления онлайн и получить дизайн страниц с паками иконок, руководством по анимации и UI-kit для верстки сайта своими силами.

Решение

1Предпроектный этап: сбор необходимой аналитики

Начали с глубокой аналитики: провели аудит текущего сайта, изучили поведение ЦА, конкурентов, SEO-спрос и CJM. Выявили слабые стороны и на их основе построили стратегию: сайт должен вести два разных сегмента пользователей по разным маршрутам. В итоге разработали подробную карту сайта, в которой учли всё — от структуры до подвала.

2Прототипирование с учетом разделения на две ЦА

На базе карты сайта и семантики создали прототипы в Figma. Главный экран сразу делит трафик на 2 потока — для провайдеров и для компаний с ИТ-инфраструктурой. Каждая ЦА получает свой путь, сценарии и блоки контента. Это решение позволило сократить нецелевые обращения и упростить навигацию по продуктам.

3Сбор контента

Пока шла работа над UX, команда клиента собирала и адаптировала контент — под чёткое ТЗ, составленное на основе карты сайта. Мы подготовили карту контента, чтобы синхронизировать тексты и дизайн. Такой подход ускорил процесс: когда прототип был готов, у нас уже были все материалы для дизайна.

4Разработка дизайна

Проект потребовал гибкости. Первая концепция строго следовала брендбуку, но не сработала онлайн: фирменные цвета оказались малоконтрастными. Мы адаптировали стиль: усилили читаемость, сделали тёмный фон и акцентный синий. Для оценки решений подключили ИИ — тепловые карты показали, где фокус внимания пользователя. На выходе — актуальный, интуитивный интерфейс, адаптированный под восприятие ИТ-аудитории. Мы интегрировали даже старые «стеклянные» 3D-иконки, дополнив их новыми в едином стиле.

Результат — 17 уникальных страниц, проработанный UI-kit, 4 месяца от аудита до финала и сайт, который теперь работает как воронка продаж. Клиент доволен: метрики выросли, опыт пользователя улучшился, а команда — гордится результатом.

5Подготовка UI-kit

После утверждения финального дизайна команда подготовила UI-kit — набор всех элементов интерфейса для дальнейшей верстки.

В него вошли:

– Шрифты и цветовая палитра,

– Стили кнопок и форм,

– Иконки (в том числе переработанные 3D-иконки клиента),

– Руководство по использованию анимаций,

– Гайд по адаптивности.

UI-kit обеспечил заказчику возможность быстро и последовательно адаптировать или дорабатывать сайт в будущем — своими силами или с подрядчиком.

Результат

– 17 уникальных готовых страниц

– Полноценное руководство для разработки анимации 

– 3 нейросети использовали для реализации проекта: плагин от Figma, Recraft, ChatGPT

– 4 месяца от предпроектного этапа до утверждения UI-kit

https://clck.ru/3KYrcu
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Комплето с удовольствием обсудит вашу задачу

Оставить заявку