О компании
Одна из отраслей ScyDNS — сервис в сфере кибербезопасности, помогающий компаниям выявлять уязвимости сотрудников кфишинговым атакам и повышать уровень защиты корпоративной инфраструктуры.
В рамках проекта переработал существующий лендинг: упростил структуру страницы, пересобрал визуальную иерархию и сделал подачу информации более последовательной. Основная задача заключалась не только в обновлении визуала, но и в упрощении восприятия сложной темы для пользователя.
Бизнес-задачи проекта
Лендинг должен был понятнее презентовать продукт и быстрее подводить пользователя к целевому действию. Важно было сократить визуальную перегруженность, упростить восприятие информации и выстроить более последовательный сценарий взаимодействия внутри страницы.
Дополнительно требовалось обновить визуальную подачу и сделать интерфейс более современным ицельным без потери серьёзности тематики.
Что было важно учесть
Высокую визуальную перегруженность исходного лендинга
Необходимость сохранить серьёзную подачу продукта
Понятную последовательность блоков и сценарий чтения
Акцент на ключевых преимуществах и CTA внутри страницы
Как я решал задачу
Перед началом редизайна проанализировал существующий лендинг и выделил основные проблемы интерфейса. В исходной версии не хватало визуальной иерархии: блоки конкурировали между собой за внимание, контент воспринимался перегруженно, а пользовательский сценарий был недостаточно последовательным.
Дополнительно усложняли восприятие большое количество визуальных акцентов, тяжёлые тёмные секции ислабая структура контента внутри блоков. Из-за этого пользователю было сложнее быстро считать ценность продукта и сфокусироваться на ключевых действиях.
Гипотеза
Если упростить структуру лендинга, сократить визуальный шум и выстроить более последовательную визуальную иерархию, пользователю будет проще воспринимать сложную информацию и быстрее переходить к целевому действию.
Работа с контентом и подачей
Начал работу с пересборки структуры страницы и перераспределения визуальных акцентов. Разбил контент на более компактные смысловые секции, упростил композицию блоков и выстроил более последовательный сценарий чтения.
Особое внимание уделил визуальной иерархии: переработал систему отступов, карточек и акцентных элементов, чтобы сделать интерфейс визуально легче и чище. За счёт этого лендинг стал проще восприниматься, а внимание пользователя — лучше концентрироваться на ключевых преимуществах продукта.
Также переработал подачу CTA и ключевых смысловых блоков, чтобы направить пользователя к основным действиям внутри страницы и сделать взаимодействие более предсказуемым.
Проектирование интерфейса
После проработки структуры перешёл к дизайну интерфейса. Основной акцент сделал на читаемости, навигации и понятной подаче информации. Важно было сохранить баланс между визуальной частью и большим объёмом контента внутри страниц.
ЧТО ИЗМЕНИЛОСЬ ПОСЛЕ РЕДИЗАЙНА
Упростил структуру лендинга и сократил визуальную перегруженность
Пересобрал визуальную иерархию и перераспределил акценты внутри страницы
Разбил сложную информацию на более компактные смысловые блоки
Сделал сценарий чтения более последовательным и понятным
Обновил визуальную подачу и сделал интерфейс современнее
Усилил внимание к ключевым преимуществам и CTA
Результат
В результате получился более чистый и последовательный лендинг, который лучше фокусирует внимание пользователя на продукте и его преимуществах.
Редизайн помог упростить восприятие сложной темы кибербезопасности, улучшить читаемость контента и сделать интерфейс визуально легче без потери серьёзности и доверия к продукту.
Немного фактов
Полностью переработана структура лендинга и последовательность блоков
Пересобрана система карточек, отступов и визуальных акцентов
Cнижена визуальная перегруженность интерфейса
Упрощена подача сложной информации и технического контента
Улучшен пользовательский сценарий и путь к CTA
Обновлена визуальная подача продукта и общая атмосфера интерфейса
