Как дизайнеру перестать рисовать формы и начать режиссировать истории

Обычный продуктовый дизайн (UI/UX) — это про удобство. Чтобы пользователь быстро нажал кнопку и купил. Дизайн коммуникаций (спецпроекты) — это про эмоцию. Чтобы пользователь залип, удивился, посмеялся и запомнил бренд.

Если ты устал от дашбордов и таблиц, спецпроекты — это твой выход в творчество. Разберем, как это работает.

Что такое спецпроект и зачем он бизнесу?

Спецпроект (или «Спец») — это нестандартная посадочная страница, игра или интерактивная история, созданная под конкретную рекламную кампанию.

Зачем это клиенту?

У людей «баннерная слепота». Обычные лендинги «Купи-Купи» уже не работают так хорошо.

• Обычный сайт: Пользователь проводит 30 секунд.
• Спецпроект: Пользователь играет/читает 3–5 минут. Это колоссальная разница для контакта с брендом.

Примеры задач:

• Завирусить бренд в соцсетях (тесты, игры).
• Объяснить сложный продукт простым языком (скроллителлинг).
• Собрать базу почт (лидген через механику «пройди игру — получи промокод»).

Чем процесс отличается от продуктового дизайна?

В продукте мы идем от пользы: Scenario → Wireframe → UI. В спецпроекте мы идем от эмоции: Idea → Story → Mood → Visual.

Этапы работы над спецом:

1. Креативная концепция. О чем мы говорим? (Например: «Давай покажем надежность банка через метафору космического корабля»).
2. Сценарий и Механика. Что пользователь делает? Скроллит, кликает, ищет предметы?
3. Арт-дирекшн (Мудборд). Визуальный стиль здесь важнее, чем гайдлайны бренда. Тут можно нарушать правила.
4. Сториборд (Раскадровка). Мы рисуем не экраны, а сцены. Как в кино.
5. Продакшн и Анимация. Статика в спецах почти не живет. Все должно дышать и двигаться.

Сценарий: Как построить историю

Главная ошибка дизайнера — начать рисовать макет без сценария. Спецпроект — это фильм. У него должна быть драматургия.

Классическая структура сценария:

Акт 1. Хук (Крючок) Первый экран. У тебя есть 3 секунды, чтобы объяснить пользователю, куда он попал и зачем ему скроллить дальше.

• Плохо: «Банк Х предлагает кредиты».
• Хорошо: «Узнай, какой ты инвестор: Волк с Уолл-стрит или Хомяк?».

Акт 2. Путешествие (Engagement) Пользователь взаимодействует с контентом.

• Если это скроллителлинг: История развивается, появляются препятствия, герои, факты.
• Если это игра: Уровни усложняются, азарт растет.
• Задача дизайна: Удерживать ритм. Чередовать крупные заголовки, мелкий текст, интерактив и видео. Не дай ему заскучать.

Акт 3. Кульминация и награда (CTA) Финал истории.

• Пользователь победил босса / Получил результат теста / Дочитал до развязки.
• В этот момент он максимально лоялен.
• Call to Action: «Ты крутой! Вот твой промокод на скидку» или «Оформи карту с этим дизайном».

Популярные форматы (Примеры)

Вот 3 типа спецпроектов, которые чаще всего заказывают.

Геймификация

Простые игры в браузере. Раннеры (бежать и собирать монетки), поиск предметов, «Тетрис», кликеры.

• Дизайн-задача: Придумать персонажа, нарисовать ассеты (монетки, препятствия), интерфейс очков и жизней.
• Пример: «Помоги коту поймать скидки к Черной пятнице».

Тесты и квизы

Люди обожают узнавать про себя. «Какой ты хлебушек?», «В каком районе Москвы тебе жить?».

• Дизайн-задача: Сделать красивые карточки вопросов и, главное, — крутые карточки результатов, которыми захочется поделиться в сторис.

Скроллителлинг

История, которая рассказывается скроллом. Фон меняется, элементы вылетают, собираются в схемы.

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

Советы для старта

1. Забудь про сетку (ненадолго). Спецпроект может быть хаотичным, коллажным, 3D-шным. Сетка нужна, но она не должна ограничивать эмоцию.
2. Учись работать с аниматором. Или сам осваивай After Effects / Jitter. Ты должен уметь показать разработчику, как именно этот заголовок должен вылетать.
3. Думай о мобилке. Сделать крутой спец на десктопе легко. Сделать так, чтобы эта магия работала на вертикальном экране телефона — вот настоящее мастерство.

Итог: Спецпроекты — это идеальный полигон, чтобы прокачать креатив и положить в портфолио кейс, который вызывает «Вау».

Кстати, наш адвент - это тоже спецпроект.