AI в дизайне: как мы сделали сайт для Kaspersky My Device
Еще пару лет назад разговоры об искусственном интеллекте в дизайне казались чем-то далеким. Мол, пусть MidJourney генерит арты для фанатов аниме, а мы будем по старинке рисовать все руками. Но мир меняется быстрее, чем обновляются айфоны, и сегодня ИИ стал не просто вспомогательным инструментом, а частью полноценного производственного процесса.
Особенно это заметно в проектах для компаний, где ставка делается на премиальность, технологичность и скорость. Один из таких кейсов — Kaspersky My Device. Проект, в котором мы, команда Stebnev Studio, работали с глобальным брендом и на собственном опыте проверили, как AI может менять дизайн-подход.
На тему ИИ, наверное, уже не высказался только ленивый и как мне самому казалось, что говорить тут уже нечего, но рассказывая про этот проект коллегам понял, что все таки говорить мы еще будем долго и сейчас вы поймете почему.
Почему ИИ сейчас это must-have для всех?
Прежде чем переходить к кейсу, давайте немного поогрузимся в матчасть и разберем, почему вообще нейросети ворвались в веб-дизайн и наши жизни, а самое главное - почему это хорошо:
Первое преимущество - это скорость. Генерация референсов, иллюстраций, даже целых видеорядов занимает минуты, а иногда и секунды. И главное - это возможность заменить недели потраченные на фотосессии, съемки промо-видео и прочей тонны контента необходимого для качественного сайта.
Второе, но не по значимости - это экономия бюджета. Снижается необходимость в больших продакшн-командах, куче спецов от фотографа до копирайтера, иногда достаточно промта и хорошего пост-продакшна. И всё это за ежемесячную подписку стоимостью, как ОДИН ужин в ресторане.
Третья причина уже не такая очевидная и - это креативность. С одной стороны мы все вроде как перенасытились ИИ контентом и в каждом тексте выискиваем длинные тире, чтобы удостоверится, что он написан через ChatGPT. Но если взглянуть на это с другой стороны, то ИИ это не иссякаемый источник креатива, которым можно активно пользоваться для сбора референсов, придумывания идей для концепций и много другого.
Четвертая, но не по значимости причина для нас использовать ИИ - это возможность тестировать боольшое количество гипотез за корооткео время. Представьте, вы неделю рендерили 3D модель или потратили недели на съемку контента, а потом либо вы сами, либо заказчик говорит: «Не, это че-то не то». С генерацией же все кратно проще: сгенерировал картинку -> потестил -> оставил или пошел так же за пару секунд генерить новую.
Ирония в том, что сначала многие дизайнеры боялись, что нейросети «отнимут хлеб». А оказалось, что ИИ - это скорее экзоскелет, который дает дополнительную силу. Тот, кто научился работать с инструментами, выигрывает.
Контекст проекта: Kaspersky My Device
Задача стояла амбициозная: разработать сайт для продукта Kaspersky My Device - сервиса, позволяющего отслеживать устройства.
Требования клиента:
Премиальность. Дизайн должен ассоциироваться с безопасностью и технологичностью.
Мобильная адаптация. Проект ориентирован на пользователей смартфонов.
SEO-подход. Важно было учитывать ключевые слова вроде «антивирус для телефона», но не перегружать ими визуал.
Визуальный сторителлинг. Нужны фото и видео, которые рассказывают о продукте на уровне эмоций.
И вот здесь мы максимально включили ИИ.
Как мы использовали ИИ в проекте
1. Генерация фото
Вместо того, чтобы тратить недели на поиск актеров, аренду студии и фотосессии, мы собрали пул уникальных образов через ИИ используя для этого преимущественно Mid Journey.
Сценарии: «человек с телефоном в городской среде», «киберпанковский оттенок», «премиальный свет».
AI → пост-обработка → интеграция в сайт.
Так мы добились того, что изображения выглядели «живыми», но при этом уникальными.
2. Генерация видео
Отдельная история - видеоряд. Для заказчика важно было показать движение, энергию бренда и ассоциацию с безопасностью. Мы использовали AI для:
- создания коротких анимационных вставок;
- генерации динамичных переходов;
- подготовки вариативных сценариев (которые потом дорабатывались в продакшне).
Результат: видео выглядело дорого и премиально, а по времени и бюджету вышло в разы выгоднее классического продакшна.
3. Сторителлинг через AI-визуалы
Мы подошли к делу системно. Каждое AI-изображение и видео не просто украшало сайт, а выполняло функцию: объясняло продукт, создавая нужный эмоциональный фон.
Например:
кадры с телефоном в руке → ассоциация с личным контролем;
атмосферные ночные сцены → чувство «защиты в любой ситуации»;
динамика видео → намек на скорость работы сервиса.
Влияние на UX и восприятие бренда
AI-визуалы сработали не только как эстетика. Они помогли:
Снизить когнитивную нагрузку. Пользователь быстрее понимал, о чем сервис.
Удерживать внимание. Видео с AI-анимациями сделали сайт «залипательным».
Подчеркнуть премиальность бренда. Когда дизайн выглядит современно и свежо, это автоматически повышает уровень доверия.
И здесь сработал принцип: AI не ради хайпа, а ради пользы.
Чему это учит дизайнеров и студии
AI - не замена дизайнеру. Это инструмент, который усиливает экспертизу.
Ключевой навык - постановка задачи. Кто умеет писать промты и комбинировать инструменты, тот выигрывает.
Экономия ≠ дешевизна. AI ускоряет процессы, но качество результата зависит от профессиональной доработки.
Будущее уже здесь. Если студия игнорирует AI, она теряет конкурентоспособность.
Немного закулисья.
Честно? Без AI этот проект мог бы затянуться. Представьте: искать актеров, снимать десятки дублей, ждать пост-продакшн. А так - мы просто заменили «двухнедельные муки» на несколько итераций с промтами.
Конечно, промты мы переписывали сто раз. Иногда AI выдавал «телефон с семью руками» или «улыбку в стиле хоррор». Но именно поэтому и нужна команда: чтобы отсеивать лишнее и доводить результат до идеала.
В итоге сайт получился таким, что и пользователю удобно, и бренд доволен, и дизайнеры не поседели.
Итоги
Проект Kaspersky My Device показал нам:
AI в дизайне - это не «фича для развлечения», а полноценный рабочий инструмент.
Нейросети экономят время, деньги и ресурсы, но требуют экспертизы, чтобы результат выглядел премиально.
Будущее веб-дизайна — за синергией человека и ИИ.
А для нас этот кейс стал подтверждением: когда проект сложный, а клиент глобальный, нужно не просто «идти в ногу со временем», а опережать его.
AI уже изменил рынок. Дизайнеры, разработчики и маркетологи, которые не начнут его использовать сегодня, завтра будут играть роль догоняющих.
А мы в Stebnev Studio продолжаем исследовать эту территорию, тестировать новые подходы и делать так, чтобы сайты выглядели дорого, удобно и технологично. Даже если иногда AI рисует людей с семью пальцами. Кстати, сможете понять какая часть этого текста человеком, а какая нейросоетью?