Курьер в большом городе
Дождь, дедлайны, звонки клиентов и гонка против пробок.
Интерактивный сайт для домена lifeswapper.ru
Проживи чужую жизнь за 10 минут
Выбирай короткий сценарий, запускай аудио или видео и погружайся в реальный опыт других людей: курьера, разработчика, фрилансера, врача, предпринимателя или студента.
12+
готовых сценариев
2 режима
аудио и видео
3–10 мин
на одно погружение
POV-режим
Сценарий №4
Ты — ночной разработчик
23:48. Прод падает. В чате паника. Через 12 минут созвон. Ты открываешь лог-файлы и понимаешь, что ошибка глубже, чем казалось.
Каталог сценариев
Выбери жизнь, которую хочешь почувствовать
Каждая карточка запускает описание, рекомендации по формату и пример атмосферы.
Ночной разработчик
Срочный баг, усталость и сложный выбор между скоростью и качеством.
Дежурный врач
Сильное напряжение, быстрая реакция и высокая ответственность.
Основатель стартапа
Питч, инвестиции, кассовый разрыв и решения под давлением.
Студент перед сессией
Недосып, дедлайны, внутренний диалог и попытка всё успеть.
Фрилансер без выходных
Нестабильный доход, поиск клиентов и борьба за концентрацию.
Аудио / Видео
На сайте уже есть блоки для включения контента
Я сделал секцию, в которую можно сразу подложить свои файлы. Для nginx
просто положи медиа в папку assets/ и обнови пути.
- HTML5 video с постером и кастомной подписью
- HTML5 audio для фоновой атмосферы или сторителлинга
- кнопка быстрого запуска атмосферы в первом экране
- модальное окно для сценариев с отдельным плейером
Видео-демо
Положи свой файл какassets/demo-video.mp4
Фоновое аудио
Положи свой файл какassets/ambient-demo.mp3
Механика
Как сайт помогает и удерживает внимание
01
Выбор роли
Пользователь открывает сценарий и получает эмоциональный заход в историю.
02
Погружение
Включает аудио или видео, читает вводный текст и входит в контекст.
03
Решение
Сайт задаёт вопрос: что бы ты сделал на месте этого человека?
04
Рефлексия
В конце пользователь видит вывод, инсайт или практический совет.
Готово для запуска
Наверх
Статический сайт, который можно сразу положить на nginx
Подходит под лендинг, MVP или презентацию идеи инвестору/команде. Без фреймворков, только чистые HTML, CSS и JS.