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

Главное о кейсе

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

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

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

Как проект изменил жизнь пользователей

Защита данных часто воспринимается как «броня от утечки». DAMASK показывает: данные могут оставаться неуязвимыми даже после утечки.

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

Бизнес-задача и ее решение

→ Задача
- презентовать сложный криптографический продукт как понятное и надежное решение;
- рассказать про DAMASK как про состоявшийся бизнес, который успешно перешел от идеи к реализации;
- вдохновить пользователей внедрить изменения, предлагаемые DAMASK, в свою систему информационной безопасности.

Полностью создали сайт — от брифа и дизайн-концепции до передачи проекта для запуска на стороне клиента.

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

Крафт (мастерство), реализация, технические детали

Запрос заказчика — создать легкий и современный сайт с арт-составляющей, показывающий технологичность и очевидную связь с IT-сферой. Сайт должен быть максимально статическим, не перегруженным 3D-моделями и видео — все для гарантии максимально быстрой загрузки контента.

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

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

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

Общий стиль сайта — пиксельная минималистичная эстетика — отсылает к цифровым истокам и подчеркивает инженерный характер продукта; техничный моноширинный шрифт JetBrains еще больше усиливает метафору.

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

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

Сайт не собирает информацию о пользователях: ни cookies, ни персональные данные — и напрямую говорит об этом в соответствующей плашке. Политика конфиденциальности на сайте — не обычный формальный документ, а полноценный манифест компании. Два этих решения показывают миссию DAMASK — технологическое развитие, которое позволит человеку сохранять анонимность в цифровой среде.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Часть сайта — разделы для кейсов, отзывов и списка партнеров — еще скрыта от публичного доступа. Заложили решения, которые пригодятся заказчику при росте и масштабировании продукта.

Скриншоты

Комментарий заказчика

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

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

Что касается процесса — было приятно работать, все конструктивно и профессионально. Нас слышали и поняли. А предложения дизайн-команды вкупе с креативным переосмыслением привели именно к тому результату, который мы хотели видеть».

— Юрий Клочко, генеральный директор DAMASK