Редизайн кибербеза: когда твой главный вызов — не сайт, а корпоративная среда

Редизайн кибербеза: когда твой главный вызов — не сайт, а корпоративная среда

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

На продуктовом языке кейс звучит так: «Как с помощью продуктового подхода решить задачу редизайна в условиях неопределённости». Но эта формулировка не передаёт реальных сложностей, с которыми мне пришлось столкнуться. Реальная работа сложнее чем вылизанный дизайн-процесс, про который мы часто рассказываем в публичном поле. Потому что у реальности больше граней.

Поехали.

Предыстория

В 2023 году я работал в самом крупном кибербезе РФ — Positive Technologies.

Редизайн кибербеза: когда твой главный вызов — не сайт, а корпоративная среда

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

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

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

Дизайнеры, которые работали в компании, трудились там уже более 6 лет. Про продуктовую культуру только слышали. В компании её попросту не было.

Погнали

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

Редизайн кибербеза: когда твой главный вызов — не сайт, а корпоративная среда

Старую версию сайта можно посмотреть на Wayback Machine.

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

Это не дизайн, а проектировка.

🤦‍♂

К сожалению, макеты не сохранились, но если описать в двух словах: все смотрели на наборы серых блоков с заголовками как баран на новые ворота и спорили, чей блок должен быть выше. Каждый тянул одеяло на себя.

Так прошла первая встреча, на второй всё повторилось практически один в один. Было ощущение, что каждый участник встречи не понимает, зачем он здесь.

Окно возможностей

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

Чтобы что-то нарисовать, мне всегда нужно ответить на четыре простых вопроса:

  • Что я делаю?
  • Для кого?
  • Какую проблему решаю?
  • Какого результата ожидаю?

Тут нет никакой магии или рокет сайнса 😉.

Что я делаю?

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

Для кого?

Для пяти целевых аудиторий:

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

Какую проблему решаю?

Устраняю сразу несколько ключевых проблем:

  • Отсутствие чёткого позиционирования и месседжа: для большинства посетителей было непонятно, чем занимается компания и почему она лидер рынка.
  • Визуальная и смысловая устарелость: сайт не соответствовал масштабу и репутации Positive Technologies. Визуально сайт скорее намекал: «мы дешёвка, у нас не хватает денег на нормальный сайт». И я тут не сгущаю краски.
  • Дезорганизация информации: разрозненные блоки, отсутствие логики и приоритетов, сложность в поиске нужного.
  • Недостаток доверия: не были представлены факты, подтверждающие экспертизу, клиентскую базу и публичный статус компании. О масштабе деятельности компании можно было только догадываться. Это единственная компания в своем направлении, торгующая акциями на Моковской бирже, а на главной странице об это ни слова.
  • Неэффективная коммуникация с разными целевыми аудиториями: сайт не учитывал их реальные задачи и интересы.

Какого результата ожидаю?

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

Исследования и аналитика — всё это важно. Но когда у тебя есть всего выходные, а команда застряла в бесконечных обсуждениях серых блоков, нужно максимально быстро завести мотор, а не доставать инструкцию.

Высшая доблесть джентльмена — иметь дело с реальностью такой, какая она есть.

Офицеры британской разведки

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

Концепция: от серых блоков к осязаемому прототипу

Базовые очертания структуры уже были, но они не работали как единое целое. Нужно было подойти к задаче критически, разобрать конструкцию и собрать её так, чтобы главная страница действительно выполнял свою функцию.

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

  • Главная страница должна транслировать статус, экспертизу и доверие, подтверждённое сотрудничеством с государством и крупнейшими B2B-клиентами.
  • Фокус на имидже компании, а не на агрессивном продвижении продуктовых решений. Продажи в кибербезопасности происходят не напрямую через сайт, а через доверие и репутацию. Один внедрённый продукт может стоить как годовой бюджет сразу 5 небольших стартапов.
  • Чёткий и убедительный сторитейлинг, основанный на цифрах и фактах. Мы — крупнейшая экспертная компания в своей сфере. Вот конкретные показатели: с какими организациями мы работаем, какие у нас масштабы, почему нам доверяют и мы представлены на бирже.

Структура и дизайн

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

Повествование

Повествование на главной странице выстроено в последовательную и логичную цепочку, где каждый смысловой блок усиливает предыдущий и ведёт пользователя от первого впечатления к доверию и подтверждённой экспертизе:

Редизайн кибербеза: когда твой главный вызов — не сайт, а корпоративная среда
Редизайн кибербеза: когда твой главный вызов — не сайт, а корпоративная среда

Было (Wayback Machine) → Стало (осторожно, много пикселей!)

Дизайн

Дизайн строится вокруг логотипа — квадрата со скруглёнными углами. Этот мотив последовательно интегрируется во все компоненты интерфейса: кнопки, карточки, иконки. Такой подход создаёт целостный визуальный язык, усиливает узнаваемость бренда и формирует ощущение продуманности без навязчивости.

Редизайн кибербеза: когда твой главный вызов — не сайт, а корпоративная среда

Баланс достигается за счёт сдержанности: минималистичная эстетика подчёркивает технологичность и серьёзность компании. Отсутствие лишней декоративности фокусирует внимание на содержании, сохраняя профессиональную строгость.

Первый экран

Попробуйте представить себе кибербезопасность… у меня в голове куча оборудования, паутина, единицы, нули, щит. А теперь попросите своего коллегу. У каждого будет своё восприятие в голове. Поэтому искать метафору, которая визуализирует общее представление это булшит. Я решил, что фоновое видео должно передавать спокойствие и уверенность, технологичность и больше ничего. К чёрту это заигрывание со смыслами. Это бессмысленно. Кибербез — это про спокойствие и безопасность. Мне быстро удалось найти футаж, который передавал именно то настроение, которое хотелось показать.

Редизайн кибербеза: когда твой главный вызов — не сайт, а корпоративная среда

Результат: от хаоса к ясности

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

Я предложил им красную таблетку, а дальше выбор был уже за ними.

Редизайн кибербеза: когда твой главный вызов — не сайт, а корпоративная среда

Настоящая работа начинается

После защиты концепции нам доверили редизайн всего сайта. Это был уже не «быстрый концепт», а полноценный проект с высоким уровнем ответственности.

Мы провели полноценные исследования проблем всех разделов сайта, собирали обратную связь, проводили интервью, анализировали сценарии.

Продуктовый вакуум и жёсткие сроки

Такую задачу сложно решать без поддержки коллег со стороны. Особенно когда ты в моменте создаёшь новые процессы и принуждаешь всех вокруг им следовать. Но когда в том, что ты делаешь, видят собственную выгоду (получить повышение по службе и всяческие плюшки), то волей-неволей помогают тебе, даже если ничего не понимают. Но это одновременно радость и проклятие. Все помнят про Вавилонскую башню? Вот и я был в ситуации, где с коллегами мы разговаривали на разных языках, и приходилось учить вавилонский.

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

Приходилось делать всё: составлять таймлайн, распределять задачи, писать ТЗ для продактов, обучать дизайнеров собирать требования.

И всё в сжатые сроки. На основе одной концепции нужно было нарисовать десятки внутренних страниц. А для этого нужна хотя бы минимальная база компонентов. Мы буквально на ходу собирали зачатки дизайн-системы, чтобы не каждый раз изобретать заново и ускорить работу.

Подвал бытия

Я специально этот абзац поставил здесь, потому что он подтверждает мои слова.

Мне захотелось подчеркнуть масштаб компании в том месте, где это не ожидают увидеть. Там, куда обычно спускаются редко. В этом проявляется моё внимание к деталям. И это подвал. В футере я просто взял и растянул логотип компании на всю ширину колонки. Получилось очень смело и дерзко. Такая метафора для гиганта индустрии. Почему? А потому что мы большие, смелые и можем себе это позволить. Тут нет никакой продуктовой ценности, но для меня было важно, что даже в подвале можно ощутить величину компании.

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

Команда: обучение, рост и вызовы

На тот момент в моей команде по редизайну сайта был всего один дизайнер, которого я параллельно обучал продуктовому подходу (привет 👋, Паша!). Парень оказался очень талантливым, хоть и засиделся в компании на долгих шесть лет. Несмотря на это, он схватывал на лету и быстро начал выдавать отличные результаты. Но для этого мне пришлось долго и методично перестраивать его мышление: объяснять, почему важно смотреть на продукт глазами пользователя и бизнеса, а не только с позиции «красиво-некрасиво».

Ресурсы: когда вдвоём не вытянуть

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

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

Аутсорс: испытание для нервов и удачи

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

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

Н. Макиавелли, «Государь», глава XII

И это абсолютная правда.

Тем не менее, перебрав множество кандидатов, я всё-таки нашёл ту самую иголку в стоге сена (привет 👋, Влад!). Нашёл отличного продуктового дизайнера, который идеально вписался в нашу камерную команду по редизайну. Скажу честно, это скорее счастливая случайность: найти человека со стороны, в другом часовом поясе, который не просто делает задачи, а за короткие сроки показывает выдающийся результат и становится частью коллектива. Это редкость.

Результаты

Тут не будет каких-то метрик или показателей. Я давно ушёл из компании и не успел внедрить какие-либо показатели и настроить процессы. Но спустя время я увидел эволюцию той революции, которую мне удалось произвести. Новый сайт стал чище и аккуратнее. Теперь точно выглядит как сайт лидера отрасли. И в этом не моя уже заслуга, а дизайнера Паши, в которого я вложил очень много сил и времени. Я общался с ним, и да, он продолжает моё дело. А это значит, что за год я вырастил из мидла крепкого синьора.

И вот ещё что: сделав редизайн корпа, я заложил основу для большинства сайтов компании. Это говорит о том, что процесс работает уже без меня.

Важно не кто сдвинул последнюю костяшку, а кто сдвинул первую.

Фильм «Джентльмены» (реж. Гай Ричи, 2019)

Я сдвинул дизайн цифровых коммуникаций во всей компании, запустив цепную реакцию изменений.

Уроки: когда интуиция работает лучше процессов

Этот кейс научил меня нескольким важным вещам:

👉 Иногда действие важнее планирования

В ситуации корпоративного паралича быстрый, но продуманный прототип может разрушить месяцы бесполезных обсуждений. Лучше показать несовершенную, но понятную концепцию, чем продолжать обсуждать абстрактные блоки.

👉 Опыт и интуиция — такие же данные, как и цифры

Когда у тебя есть понимание бизнеса и опыт работы с аудиторией, это тоже форма исследования. Интуиция опытного специалиста часто точнее формальной аналитики.

👉 Валидация может прийти позже

Не всегда нужно проводить исследование перед началом работы. Иногда эффективнее выдвинуть гипотезу, реализовать её, а уже потом подтвердить или скорректировать решение на основе данных. В моём случае исследование стало не отправной точкой, а инструментом проверки правильности выбранного курса.

После успешного запуска компания продолжила системную работу: исследование позволило выявить 48 UX-проблем (6 высокой, 17 средней и 25 низкой критичности), которые были учтены и постепенно решались в рамках общей стратегии. Но это подтвердило, что изначальные решения были верными, а выявленные нюансы стали основой для дальнейшего развития продукта.

Гланый урок

  • Можно запустить редизайн без идеальной подготовки, опираясь на здравый смысл и опыт. А дальше доводить до ума исследованиями и документацией.
  • Редизайн сайта — это не только про дизайн. Это про умение работать в условиях неопределённости, обучать команду, распределять ресурсы и иногда полагаться на удачу. Но только вовлечённая команда доведёт проект до результата, который действительно работает на бизнес.

Хочется закончить словами:

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

Стив Джобс

P.S. Дочитали до конца, значит, этот кейс зацепил.

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

Лучше всего работаю там, где много неопределённости: когда нужно сразу запускать процессы, прокачивать команду и выводить продукт на новый уровень.

4
Начать дискуссию