bondar.design/cynet_redesign

Редизайн сайта Cynet

b2b

Website

redesign

audith

cybersecurity

ux

ui

Редизайн корпоративного сайта для компании в сфере кибербезопасности, направленный на повышение доверия, улучшение удобства и упрощение подачи контента. Основная цель - улучшить пользовательский опыт и более эффективно взаимодействовать с менеджерами по безопасности - ключевыми лицами, принимающими решения по вопросам кибербезопасности.

Задачи по дизайну, которые я выполнил:

Провёл полный аудит UX и контента существующего сайта.

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

Переработал макеты страниц, чтобы выделить ключевые предложения и повысить доверие к компании.

Обновил визуальный язык, чтобы он соответствовал тематике кибербезопасности и идентичности бренда.

Подготовил адаптивные UI-дизайны и спецификации для их внедрения.

01

Редизайн сайта Cynet

B2B

WEBSITE

REDESIGN

AUDITH

CYBERSECURITY

UX

Ui

Ilya Bondar, app, mobile, app, hunger.de, hunger, hunger, foodtech, food, restaurants

family.space

Что мне дал этот проект

Редизайн сайта Cynet стал для меня освежающим опытом. Он напомнил, как вдохновляет работа в быстром темпе. Я подготовил прототип, готовый к разработке, менее чем за 18 часов с момента старта, сочетая скорость с ясностью и обновлением структуры.

Основной портрет пользователя

Ilya Bondar, POS, app, app, mobile, foodtech, design design, product design, UX, UI

Вебсайт до редизайна

Проблемы hero page:

• Отсутствие чётких и понятных CTA, что делало навигацию пользователя и пути конверсии неясными.
‍
• Визуально схожие элементы интерфейса, которые не создают иерархию и не привлекают внимание пользователя к ключевым действиям.
‍
• Повторяющийся контент на страницах, вызывающий когнитивную усталость и сниженный уровень вовлеченности.
‍
• Перегруженный стартовый экран с избыточным количеством информации, которая одновременно подается пользователю, вызывая ощущение перегруженности и снижая эффект ключевых сообщений.
‍
• Виджет бота занимает 25% экрана на десктопе, нарушая компоновку и отвлекая внимание от основного контента.

Проблемы hero page:

Проблемы секции “Key benefits”:

• Отсутствие макетов дашборда или реальных визуализаций продукта - сайт выглядит скорее как фейковая лендинг-страница для проверки спроса, нежели надежная B2B-платформа.
‍
• Отсутствие примеров интерфейса снижает доверие и затрудняет пользователям понимание реального предложения.

Проблемы секции “Key benefits”:

Проблемы секции “Key features”:

Перегруженность и повторение контента.
• Информация подается слишком плотно, при этом одни и те же сообщения повторяются разными словами.
‍
• Компоненты карточек используются слишком часто, из-за чего макет становится монотонным и трудным для быстрого восприятия.

Проблемы секции “Key features”:

Проблемы секции с отзывами клиентов:

• Превью видео слишком маленькое, из-за чего сложно быстро воспринять или вовлечься в контент.
‍
• Отсутствие пагинации или элементов навигации, из-за чего пользователи теряются и не понимают, как просматривать или взаимодействовать с остальными видео-отзывами.
‍
• В результате виджет не выделяет ценное социальное подтверждение и может вызвать у пользователей разочарование или отказ от дальнейшего взаимодействия с сайтом.

Проблемы секции с отзывами клиентов:

Проблема секции “Финальное преимущество + CTA“:

• Повторяющееся использование карточек для демонстрации преимуществ, визуально схожих с предыдущими секциями, вызывает усталость от контента и снижает его эффективность.
‍
• Логотипы партнёров/клиентов перегружены лишним текстом, отвлекают от основной ценности предложения и отвлекают внимание от главного сообщения секции.
‍
• Окончательный призыв к действию недостаточно выделен визуально и не ясен, из-за чего он кажется непривлекательным и легко пропускается пользователем, вместо того чтобы стимулировать конверсию.

Проблема секции “Финальное преимущество + CTA“:

После редизайна

Information Architecture & Content Clarity

Информационная архитектура и восприятие контента

• Приоритизировал и переработал контент главной страницы, чтобы снизить когнитивную нагрузку и избежать повторов.

• Убрал дублирующиеся сообщения и объединил схожий контент в лаконичные, легко сканируемые блоки.

• Внёс чёткую визуальную иерархию в структуру разделов, чтобы направлять внимание пользователей на ключевые действия.

Information Architecture & Content Clarity

• Prioritized and restructured homepage content to reduce cognitive load and avoid repetition

• Removed duplicated messaging and combined similar content into concise, scannable blocks

• Introduced clear visual hierarchy across sections to guide user attention toward key actions

Information Architecture & Content Clarity

CTA & конверсия

• Переработал все CTA, усилив контрастность, сделав намерение более понятным и добавив эмоционально вовлекающий микрокопирайтинг.

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

• Улучшил дизайн финального блока CTA, сделав его более привлекательным и соответствующим тону бренда.

Information Architecture & Content Clarity

• Prioritized and restructured homepage content to reduce cognitive load and avoid repetition

• Removed duplicated messaging and combined similar content into concise, scannable blocks

• Introduced clear visual hierarchy across sections to guide user attention toward key actions

Information Architecture & Content Clarity

Дизайн компонентов

• Replaced overused card components with diverse, goal-specific layouts to improve visual flow

• Introduced component variation (e.g. icon blocks, feature highlights, testimonial sliders) to break content monotony

• Redesigned the client logos section with simplified text and better grouping to reduce clutter

• Заменил чрезмерно используемые карточные компоненты на разнообразные, целенаправленные вариации, чтобы улучшить визуальный ритм и восприятие интерфейса.

• Внёс вариативность компонентов, чтобы разбить монотонность контента.

• Переработал секцию с логотипами клиентов, упростив текст и улучшив группировку, чтобы убрать лишнее.

Information Architecture & Content Clarity

• Prioritized and restructured homepage content to reduce cognitive load and avoid repetition

• Removed duplicated messaging and combined similar content into concise, scannable blocks

• Introduced clear visual hierarchy across sections to guide user attention toward key actions

Social Proof

Социальное подтверждение

• Enlarged client video thumbnails for better visibility and engagement

• Added navigation (pagination/arrows) to testimonial widgets to clarify interaction and improve UX

• Structured client reviews with names, roles, and companies to boost authenticity and trust

• Увеличил превью видео с отзывами клиентов, чтобы повысить их заметность и вовлечённость пользователей.

• Добавил навигацию (пагинацию/стрелки) в виджеты с отзывами, чтобы прояснить взаимодействие и улучшить пользовательский опыт.

• Систематизировал клиентские отзывы, добавив имена, должности и компании, чтобы повысить их достоверность и уровень доверия.

Information Architecture & Content Clarity

• Prioritized and restructured homepage content to reduce cognitive load and avoid repetition

• Removed duplicated messaging and combined similar content into concise, scannable blocks

• Introduced clear visual hierarchy across sections to guide user attention toward key actions

Мобильная версия

0:00

/

0:00

Десктоп-версия

0:00

/

0:00

Ключевые результаты

Завершил редизайн менее чем за 18 часов - от брифа до прототипа, готового к разработке. Обновлённая структура улучшила ясность контента, визуальную иерархию и соответствие бренду по сравнению с исходной концепцией.

Этот проект подошел к концу

Но впереди еще много интересного!

предыдущий проект

Следующий проект

открыть Контакты

Вернуться к списку проектов