Редизайн кибербеза: когда твой главный вызов — не сайт, а корпоративная среда
В этом кейсе я расскажу, как за выходные с помощью здравого смысла и продуктового подхода удалось разблокировать трёхмесячный корпоративный тупик и запустить перезагрузку всех digital-коммуникации самого крупного кибербеза в РФ.
На продуктовом языке кейс звучит так: «Как с помощью продуктового подхода решить задачу редизайна в условиях неопределённости». Но эта формулировка не передаёт реальных сложностей, с которыми мне пришлось столкнуться. Реальная работа сложнее чем вылизанный дизайн-процесс, про который мы часто рассказываем в публичном поле. Потому что у реальности больше граней.
Поехали.
Предыстория
В 2023 году я работал в самом крупном кибербезе РФ — Positive Technologies.
Это публичная компания и единственная в своём секторе, чьи акции торгуются на Московской бирже. В числе клиентов государственные структуры и крупнейшие компании страны из ТОП-100.
Меня позвали на роль арт-директора коммуникационного отдела, который ещё предстояло собрать. В задачи входило собрать отдел и обновить устаревшие сайты фестивалей, вебинаров, конференций — в общем всё, что связано с коммуникациями.
За пару месяцев с командой из двух дизайнеров мы нарисовали несколько проектов и заработали немного репутационной маны. Все концепции рисовал я лично, а дальше отдавал их на доработку.
Дизайнеры, которые работали в компании, трудились там уже более 6 лет. Про продуктовую культуру только слышали. В компании её попросту не было.
Погнали
Однажды меня пригласили на встречу по редизайну главной страницы корпоративного сайта. Инициатором выступил отдел маркетинга, им нужно было заработать маны и показать активность. Сайт — это лицо компании. Он отвечает за продвижение бренда, рассказывает о продуктах и услугах, демонстрирует экспертизу в отрасли и служит источником информации для инвесторов. При этом обновлений не было уже лет десять, так что необходимость изменений была очевидна для всех.
Старую версию сайта можно посмотреть на Wayback Machine.
На встрече собрались руководители всех ключевых направлений (суммарно около 10 человек). Каждый представлял своё подразделение, свои интересы и свои приоритеты. Обсуждали дизайн без дизайна: варфреймы, или, если проще, схематичный набросок структуры. Единственный предмет обсуждения — чей блок на главной важнее и куда его поставить. Обсуждения проекта тянулись уже больше трёх месяцев, но к единому решению так и не удалось прийти. И каждый раз звучала фраза:
Это не дизайн, а проектировка.
К сожалению, макеты не сохранились, но если описать в двух словах: все смотрели на наборы серых блоков с заголовками как баран на новые ворота и спорили, чей блок должен быть выше. Каждый тянул одеяло на себя.
Так прошла первая встреча, на второй всё повторилось практически один в один. Было ощущение, что каждый участник встречи не понимает, зачем он здесь.
Окно возможностей
Следующую встречу я бы не выдержал в таком формате. Окно возможностей открылось, и я понял, что нужно как-то переломить ситуацию и нарисовать концепт: понятный, осязаемый и с чёткой идеей. Для этого у меня была пара выходных до следующей встречи.
Чтобы что-то нарисовать, мне всегда нужно ответить на четыре простых вопроса:
- Что я делаю?
- Для кого?
- Какую проблему решаю?
- Какого результата ожидаю?
Тут нет никакой магии или рокет сайнса 😉.
Что я делаю?
Новый корпоративный сайт (я уже тогда понимал что делаю не только главную страницу) для лидера российского рынка кибербезопасности, который должен отражать статус компании, её экспертизу и масштабы деятельности.
Для кого?
Для пяти целевых аудиторий:
- Бизнес-клиенты — представители крупных компаний, принимающие решения о выборе поставщика решений по кибербезопасности.
- Специалисты по ИБ и разработчики — профессионалы, ищущие информацию о продуктах, технологиях и экспертизе компании.
- Партнёры — компании и интеграторы, которым важно подкрепляют свои аргументы в пользу продуктов PT актуальной информацией и исследованиями.
- Инвесторы — акционеры и потенциальные инвесторы, которым нужны прозрачные данные о бизнесе и его развитии.
- Соискатели — профессионалы, рассматривающие компанию как потенциального работодателя.
Какую проблему решаю?
Устраняю сразу несколько ключевых проблем:
- Отсутствие чёткого позиционирования и месседжа: для большинства посетителей было непонятно, чем занимается компания и почему она лидер рынка.
- Визуальная и смысловая устарелость: сайт не соответствовал масштабу и репутации Positive Technologies. Визуально сайт скорее намекал: «мы дешёвка, у нас не хватает денег на нормальный сайт». И я тут не сгущаю краски.
- Дезорганизация информации: разрозненные блоки, отсутствие логики и приоритетов, сложность в поиске нужного.
- Недостаток доверия: не были представлены факты, подтверждающие экспертизу, клиентскую базу и публичный статус компании. О масштабе деятельности компании можно было только догадываться. Это единственная компания в своем направлении, торгующая акциями на Моковской бирже, а на главной странице об это ни слова.
- Неэффективная коммуникация с разными целевыми аудиториями: сайт не учитывал их реальные задачи и интересы.
Какого результата ожидаю?
Дать команде понятный, осязаемый визуальный прототип, чтобы снять блокирующую неопределённость и сдвинуть процесс с мёртвой точки.
Исследования и аналитика — всё это важно. Но когда у тебя есть всего выходные, а команда застряла в бесконечных обсуждениях серых блоков, нужно максимально быстро завести мотор, а не доставать инструкцию.
Высшая доблесть джентльмена — иметь дело с реальностью такой, какая она есть.
Я понимал, что у меня нет времени на полноценное исследование, но есть здравый смысл, понимание бизнеса и целевой аудитории. Положась на репутацию компании и базовое понимание аудитории, я начал работать над концепцией.
Концепция: от серых блоков к осязаемому прототипу
Базовые очертания структуры уже были, но они не работали как единое целое. Нужно было подойти к задаче критически, разобрать конструкцию и собрать её так, чтобы главная страница действительно выполнял свою функцию.
И за выходные я создал концепцию, которая решала эти проблемы. Основой стали несколько простых гипотез, выстроенных вокруг реальных задач бизнеса и понимания аудитории:
- Главная страница должна транслировать статус, экспертизу и доверие, подтверждённое сотрудничеством с государством и крупнейшими B2B-клиентами.
- Фокус на имидже компании, а не на агрессивном продвижении продуктовых решений. Продажи в кибербезопасности происходят не напрямую через сайт, а через доверие и репутацию. Один внедрённый продукт может стоить как годовой бюджет сразу 5 небольших стартапов.
- Чёткий и убедительный сторитейлинг, основанный на цифрах и фактах. Мы — крупнейшая экспертная компания в своей сфере. Вот конкретные показатели: с какими организациями мы работаем, какие у нас масштабы, почему нам доверяют и мы представлены на бирже.
Структура и дизайн
Я не буду углубляться в подробности всех смысловых блоков страницы, иначе рассказ получится слишком затянутым. Остановлюсь лишь на нескольких ключевых моментах, чтобы было понятно, как я выстраивал логику и на что обращал особое внимание.
Повествование
Повествование на главной странице выстроено в последовательную и логичную цепочку, где каждый смысловой блок усиливает предыдущий и ведёт пользователя от первого впечатления к доверию и подтверждённой экспертизе:
Дизайн
Дизайн строится вокруг логотипа — квадрата со скруглёнными углами. Этот мотив последовательно интегрируется во все компоненты интерфейса: кнопки, карточки, иконки. Такой подход создаёт целостный визуальный язык, усиливает узнаваемость бренда и формирует ощущение продуманности без навязчивости.
Баланс достигается за счёт сдержанности: минималистичная эстетика подчёркивает технологичность и серьёзность компании. Отсутствие лишней декоративности фокусирует внимание на содержании, сохраняя профессиональную строгость.
Первый экран
Попробуйте представить себе кибербезопасность… у меня в голове куча оборудования, паутина, единицы, нули, щит. А теперь попросите своего коллегу. У каждого будет своё восприятие в голове. Поэтому искать метафору, которая визуализирует общее представление это булшит. Я решил, что фоновое видео должно передавать спокойствие и уверенность, технологичность и больше ничего. К чёрту это заигрывание со смыслами. Это бессмысленно. Кибербез — это про спокойствие и безопасность. Мне быстро удалось найти футаж, который передавал именно то настроение, которое хотелось показать.
Результат: от хаоса к ясности
На следующей встрече я показал живой, осязаемый концепт вместо серых блоков. Эффект был мгновенным: вместо споров о важности блоков началось конструктивное обсуждение того, как улучшить решение. Концепция дала всем общий язык и понимание направления.
Я предложил им красную таблетку, а дальше выбор был уже за ними.
Настоящая работа начинается
После защиты концепции нам доверили редизайн всего сайта. Это был уже не «быстрый концепт», а полноценный проект с высоким уровнем ответственности.
Мы провели полноценные исследования проблем всех разделов сайта, собирали обратную связь, проводили интервью, анализировали сценарии.
Продуктовый вакуум и жёсткие сроки
Такую задачу сложно решать без поддержки коллег со стороны. Особенно когда ты в моменте создаёшь новые процессы и принуждаешь всех вокруг им следовать. Но когда в том, что ты делаешь, видят собственную выгоду (получить повышение по службе и всяческие плюшки), то волей-неволей помогают тебе, даже если ничего не понимают. Но это одновременно радость и проклятие. Все помнят про Вавилонскую башню? Вот и я был в ситуации, где с коллегами мы разговаривали на разных языках, и приходилось учить вавилонский.
В компании не было продуктовой культуры. Её не то чтобы не было... Не было ни людей, ни понимания, что за этим стоит. Когда вчерашние проджекты или лидеры функций сегодня становятся продакт-оунерами, ты понимаешь, с каким уровнем проблемы столкнулся.
Приходилось делать всё: составлять таймлайн, распределять задачи, писать ТЗ для продактов, обучать дизайнеров собирать требования.
И всё в сжатые сроки. На основе одной концепции нужно было нарисовать десятки внутренних страниц. А для этого нужна хотя бы минимальная база компонентов. Мы буквально на ходу собирали зачатки дизайн-системы, чтобы не каждый раз изобретать заново и ускорить работу.
Подвал бытия
Я специально этот абзац поставил здесь, потому что он подтверждает мои слова.
Мне захотелось подчеркнуть масштаб компании в том месте, где это не ожидают увидеть. Там, куда обычно спускаются редко. В этом проявляется моё внимание к деталям. И это подвал. В футере я просто взял и растянул логотип компании на всю ширину колонки. Получилось очень смело и дерзко. Такая метафора для гиганта индустрии. Почему? А потому что мы большие, смелые и можем себе это позволить. Тут нет никакой продуктовой ценности, но для меня было важно, что даже в подвале можно ощутить величину компании.
Но самое сложное предстояло впереди: несколько встреч с менеджерами, которые не понимали эту метафору и не могли выйти за рамки привычного восприятия своих стереотипов. В итоге мы сошлись на том, что реализуем эту идею на англоязычном сайте компании. Так им было спокойнее. Не буду углубляться в дальнейшие подробности, но отмечу, что сейчас практически на каждом сайте компании эта деталь выглядит так, как я это задумал (ну почти) — во всю ширину страницы.
Команда: обучение, рост и вызовы
На тот момент в моей команде по редизайну сайта был всего один дизайнер, которого я параллельно обучал продуктовому подходу (привет 👋, Паша!). Парень оказался очень талантливым, хоть и засиделся в компании на долгих шесть лет. Несмотря на это, он схватывал на лету и быстро начал выдавать отличные результаты. Но для этого мне пришлось долго и методично перестраивать его мышление: объяснять, почему важно смотреть на продукт глазами пользователя и бизнеса, а не только с позиции «красиво-некрасиво».
Ресурсы: когда вдвоём не вытянуть
Осилить такую работу вдвоём практически невозможно. Помимо корпоративного сайта, на нас висели ещё сайты фестивалей, вебинаров, конференций и другие коммуникационные проекты. А нанять дизайнера в моменте — та ещё задача (нужно согласовать ставку и несколько месяцев ходить по мукам), особенно когда работа уже идёт полным ходом и времени на долгий онбординг просто нет.
Поэтому мы приняли решение подключить агентство на аутсорсе. Это позволило разгрузить команду, ускорить процессы и взять на себя больше задач, не теряя в качестве.
Аутсорс: испытание для нервов и удачи
Работа с агентством это отдельная история, достойная собственной статьи. Пришлось перебрать кучу дизайнеров и несколько агентств, были попытки подключить даже арт-директора из агентства на проект, чтобы самому заняться другими задачами. Но тут вспоминаются слова:
Наемные и союзнические войска бесполезны и опасны; никогда не будет ни прочной, ни долговечной та власть, которая опирается на наемное войско, ибо наемники честолюбивы, распущенны, склонны к раздорам, задиристы с друзьями и трусливы с врагом, вероломны и нечестивы; поражение их отсрочено лишь настолько, насколько отсрочен решительный приступ; в мирное же время они разорят тебя не хуже, чем в военное неприятель. Объясняется это тем, что не страсть и не какое-либо другое побуждение удерживает их в бою, а только скудное жалованье, что, конечно, недостаточно для того, чтобы им захотелось пожертвовать за тебя жизнью.
И это абсолютная правда.
Тем не менее, перебрав множество кандидатов, я всё-таки нашёл ту самую иголку в стоге сена (привет 👋, Влад!). Нашёл отличного продуктового дизайнера, который идеально вписался в нашу камерную команду по редизайну. Скажу честно, это скорее счастливая случайность: найти человека со стороны, в другом часовом поясе, который не просто делает задачи, а за короткие сроки показывает выдающийся результат и становится частью коллектива. Это редкость.
Результаты
Тут не будет каких-то метрик или показателей. Я давно ушёл из компании и не успел внедрить какие-либо показатели и настроить процессы. Но спустя время я увидел эволюцию той революции, которую мне удалось произвести. Новый сайт стал чище и аккуратнее. Теперь точно выглядит как сайт лидера отрасли. И в этом не моя уже заслуга, а дизайнера Паши, в которого я вложил очень много сил и времени. Я общался с ним, и да, он продолжает моё дело. А это значит, что за год я вырастил из мидла крепкого синьора.
И вот ещё что: сделав редизайн корпа, я заложил основу для большинства сайтов компании. Это говорит о том, что процесс работает уже без меня.
Важно не кто сдвинул последнюю костяшку, а кто сдвинул первую.
Я сдвинул дизайн цифровых коммуникаций во всей компании, запустив цепную реакцию изменений.
Уроки: когда интуиция работает лучше процессов
Этот кейс научил меня нескольким важным вещам:
👉 Иногда действие важнее планирования
В ситуации корпоративного паралича быстрый, но продуманный прототип может разрушить месяцы бесполезных обсуждений. Лучше показать несовершенную, но понятную концепцию, чем продолжать обсуждать абстрактные блоки.
👉 Опыт и интуиция — такие же данные, как и цифры
Когда у тебя есть понимание бизнеса и опыт работы с аудиторией, это тоже форма исследования. Интуиция опытного специалиста часто точнее формальной аналитики.
👉 Валидация может прийти позже
Не всегда нужно проводить исследование перед началом работы. Иногда эффективнее выдвинуть гипотезу, реализовать её, а уже потом подтвердить или скорректировать решение на основе данных. В моём случае исследование стало не отправной точкой, а инструментом проверки правильности выбранного курса.
После успешного запуска компания продолжила системную работу: исследование позволило выявить 48 UX-проблем (6 высокой, 17 средней и 25 низкой критичности), которые были учтены и постепенно решались в рамках общей стратегии. Но это подтвердило, что изначальные решения были верными, а выявленные нюансы стали основой для дальнейшего развития продукта.
Гланый урок
- Можно запустить редизайн без идеальной подготовки, опираясь на здравый смысл и опыт. А дальше доводить до ума исследованиями и документацией.
- Редизайн сайта — это не только про дизайн. Это про умение работать в условиях неопределённости, обучать команду, распределять ресурсы и иногда полагаться на удачу. Но только вовлечённая команда доведёт проект до результата, который действительно работает на бизнес.
Хочется закончить словами:
Оставайтесь голодными, оставайтесь безрассудными.
P.S. Дочитали до конца, значит, этот кейс зацепил.
Если нужен арт-директор, дизайн-лид или консультант, который возьмёт на себя стратегию, процессы и развитие команды — пишите в личку. Открыт к интересным проектам и задачам, где важен свежий взгляд и умение быстро находить решения.
Лучше всего работаю там, где много неопределённости: когда нужно сразу запускать процессы, прокачивать команду и выводить продукт на новый уровень.