Как создать сайт, который продаёт: опыт ISPsystem и агентства Completo

Агентство Completo и компания ISPsystem (разработчик панелей управления для хостинга) за 4 месяца создали сайт с нуля — с учётом двух разных целевых аудиторий и отказом от классического брендбука. Проект потребовал 30 референсов вместо стандартных 10 и 4 итерации правок дизайна.

#С чего начали: аудит и разделение аудитории

Команда Completo провела аудит старого сайта, изучила конкурентов и построила CJM (Customer Journey Map). Главная находка — у ISPsystem две целевые аудитории с разными задачами:

• Хостинг- и сервис-провайдеры — ищут готовые решения для клиентов
• Управляющие IT-инфраструктурой — нужны инструменты для внутренних задач компании

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

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

#Прототипы в Figma: два пути для двух аудиторий

На основе карты сайта команда создала прототипы в Figma. Ключевое решение — разделить трафик уже на главной странице: пользователь выбирает направление (хостинг-провайдеры или управление инфраструктурой), и только после этого видит релевантный контент.

#Как работает разделение

Коммерческие разделы (страницы решений, описания продуктов) адаптированы под каждую группу. Общебизнесовые страницы — блог, база знаний, информация о компании — едины для всех.

Параллельно с утверждением прототипов ISPsystem готовила контент. Completo составила карту контента — документ, где указано, какой текст, в каком объёме и для какого блока нужен. Это ускорило процесс: дизайнеры получили материалы вовремя и избежали правок на этапе вёрстки.

#Дизайн: отказ от брендбука ради конверсии

Первая дизайн-концепция следовала брендбуку ISPsystem — фирменные цвета, шрифты, стиль. Но заказчик отклонил вариант. Причины:

1. Фирменные цвета работали в офлайне, но в онлайне снижали читаемость и контрастность.
2. Психотип аудитории — преимущественно мужчины из IT-сферы — требовал более тёмных оттенков.
3. Тренды веб-дизайна диктовали гибкость в палитре: синий оставили акцентным, остальное затемнили.

Команда пересмотрела около 30 референсов (обычно хватает 10) и создала вторую концепцию. Для проверки гипотез использовали ИИ-аналитику — инструмент сгенерировал тепловую карту будущего сайта, показав, куда пользователь обратит внимание в первую очередь.

#ИИ-инструменты: тепловая карта до запуска

Специалисты Completo с помощью искусственного интеллекта проанализировали дизайн-макет и получили:

• Тепловую карту — визуализацию зон внимания пользователя
• Оценку кликабельности кнопок — приблизительный процент CTR для каждого CTA-элемента

Это аналог Тепловизора из Яндекс Метрики, но до запуска сайта. Инструмент помог скорректировать расположение кнопок и блоков, не дожидаясь реальной статистики.

#Интерактивный прототип

Для наглядности создали интерактивный дизайн — заказчик мог «пройти» путь пользователя от главной до целевого действия. Итоговое решение отличалось от первоначального прототипа: команда добавила креативные элементы, которые невозможно показать на схеме.

#Что сохранили из старого сайта

Не всё требовало замены. У ISPsystem были «стеклянные» 3D-иконки — их оставили как акцентные элементы и дополнили новыми в том же стиле. Это сохранило преемственность и узнаваемость бренда.

После утверждения дизайна Completo подготовила:

• Руководство по анимации — инструкции для разработчиков
• UI-kit — набор готовых элементов (кнопки, формы, модальные окна), которые можно адаптировать под будущие изменения

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

#Что говорит заказчик

Директор по маркетингу ISPsystem назвал проект одним из самых сложных в истории департамента:

«Мы выбрали взвешенный подход — от глубокой аналитики до итоговой подачи дизайн-макета. Без должного погружения с нашей стороны реализация растянулась бы на многие месяцы. Нам был важен свежий взгляд со стороны, и совместная работа помогла этого добиться. В итоге мы получили отличный сайт и существенно улучшили метрики».

#Главное: как повторить успех

Опыт ISPsystem показывает три принципа эффективной разработки сайта:

Аналитика — основа. Аудит конкурентов, CJM и SEO-структура помогают создать сайт под бизнес-задачи, а не под вкусы дизайнера.

Экспертиза заказчика + опыт агентства. Когда клиент знает продукт и аргументирует решения, результат получается точнее. ISPsystem активно участвовала в обсуждениях — это сократило количество итераций.

Гибкость важнее брендбука. Фирменные цвета могут не работать в онлайне. Если аудитория требует другой палитры — меняйте, но опирайтесь на данные и психологию восприятия.

Для селлеров на маркетплейсах принципы те же: изучайте аудиторию через отзывы и вопросы, тестируйте гипотезы (цвета карточек, расположение кнопок), аналитику платформ. Сайт — это инструмент продаж, как и карточка товара. Главное — делать его под клиента, а не под себя.