Исполнитель:

REBOOT, SALT AND PEPPER

Заказчик:

REBOOT х SALT AND PEPPER

"ХУ ИЗ ГИЛТИ" - гайды для дизайнеров и разработчиков

Интерфейс:

web

Год:

2024

Исполнитель:

REBOOT, SALT AND PEPPER

Заказчик:

REBOOT х SALT AND PEPPER

Креатив

Дизайн

Разработка

Продвижение

Интерфейс:

web

Год:

2024

REBOOT х SALT AND PEPPER - "ХУ ИЗ ГИЛТИ"

Исполнитель:

REBOOT, SALT AND PEPPER

Заказчик:

REBOOT х SALT AND PEPPER

Интерфейс:

web

Год:

2024

Контекст

По статистике до 70% digital‑проектов срываются из‑за разрывов между дизайном и разработкой: разные термины, процессы, ожидания. Нужен был понятный формат, который снижает потери в коммуникации между дизайном и разработкой и превращает конфликтные сценарии в отлаженный процесс.

Цель и задачи

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

Решение

Провели необычную работу над проектом, в рамках которой полностью пересмотрели стандартный подход к веб-разработке. Объединили опыт диджитал агентств, чтобы помочь дизайнерам и разработчикам сократить количество ошибок при работе над проектом и поймать одну волну. И, вместо классического прототипирования, решили сделать сайт в формате мультфильма, который через яркий сторителлинг и персонажей-архитипов покажет всю боль и красоту взаимодействия дизайнеров и разработчиков. Создали "мультфильм‑лендинг" как интерактивную историю и раздел с гайдами, который через анимации показывает типичные сбои на стыке дизайна и фронтенда, и набор практических гайдов для обеих ролей. Визуальный язык в духе "инструкций IKEA по "сборке" интерфейсов из компонентов, звуковой ряд - адаптивный фоновый трек и события для иммерсии. Оптимизировали анимации: перенос части сцен из Lottie в код для производительности и мобильной версии (горизонтальная мобильная версия с упрощенной навигацией). Запустили телеграм‑комьюнити для обмена кейсами и доработки гайдов.

Описание механики

Проживите конфликтные ситуации - откройте гайды и применяйте готовые правила в работе!

Старт на главной странице с делением на "Историю" и "Гайды".
Выбор: сценарий 1 - сначала прожить опыт через интерактивную историю-лендинг или сценарий 2 - сразу ознакомиться с гайдами с предварительным выбором роли (дизайнер / разработчик).
Запуск интерактивной истории: сцены конфликтов, типовых ошибок и развязок. Финальный экран с отсылками к практическим решениям и кнопкой для перехода в один из гайдов - для дизайнера или для разработчика.
Переход в гайд для изучения блоков и практик: договоренности, артефакты, чек листы, хэнд офф.
Изучение блоков и практик.Возврат к истории.
Сохранение сайта в качестве справочника и шеринг.

Проживите конфликтные ситуации - откройте гайды и применяйте готовые правила в работе!

Результаты

> 20

агентств поддержали манифест проекта

наград получил проект за год

Посмотреть проект

IKEA - "Wellcome to Bloxburg"

Бренд-локация в Roblox для изучения покупательского поведения

Сбер Спасибо х Sports - "На языке спасибо"

Интерактивный футбольный тест с отсылкой к продукту

KION - "Тоннель. Пограничная смена"

Симулятор проверки документов на КПП в сеттинге фильма

Комус - "Мастер Клик"

Лендинг с маскотом и мини-играми с товарами бренда

Альфа-Банк - "Нейроофис"

Текстовый чат-квест для знакомства с функциями сервиса

staya.studio - "Искусство Любить Собак"

Mini-app к 14 февраля

Триколор - "Удачный драйв"

Виртуальное путешествие с игровыми механиками

Золотое Яблоко х LA ROCHE POSAY х Vichy - "Бьюти-лаборатория"

Виртуальный конструктор бьюти-средств

Есть задача — найдём креативное решение

FormTelega

funtech

Агентство интерактивных технологий нового поколения

Написать в Телеграм

Имя*

Телефон*

Компания

E-mail

Какой бюджет?

Описание идеи

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

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

Я подтверждаю, что ознакомлен(а) с Политикой конфиденциальности и понимаю, что могу в любое время отозвать согласие на обработку, направив уведомление на nikita.kifiyak@funtech.group.

Искра зажжена! Мы приняли ваш запрос.

Ваша заявка у нас. Нейросети уже работают над концепциями для вашего уникального digital-спецпроекта.

Наш Телеграм