Все кейсы

КЕЙС 03 / Шкулёв / Городские медиа

Окна.ТВ

Дом, в котором живут воспоминания о телевидении

Проект
Шкулёв / Городские медиа
Моя роль
Механика взаимодействия, прототип, frontend, backend и CMS с AI
Год / статус
2026
Обложка Окна.ТВ: телевизор с цветными полосами перед домом
Дом, в котором живут воспоминания о телевидении

Превратить историю телевидения в место, которое хочется исследовать

Команда задумала интерактивный проект о телевидении 90-х и 00-х. Вместо обычной ленты материалов появился жилой дом: за каждым окном находится передача, сериал или знакомая история.

Я предложил механику обратного скролла и таймлайна. Посетитель начинает внизу и поднимается по дому, переходя от одного периода к другому. Идею сначала проверил в работающем прототипе, затем реализовал сайт и CMS с помощью AI-инструментов.

Взаимодействие стало частью истории

В проекте 108 интерактивных окон. Важно было сохранить ощущение живого дома и сделать большую коллекцию историй удобной для просмотра на компьютере и телефоне.

01

Обратный скролл

Движение вверх совпадает с подъёмом по дому. Таймлайн помогает понимать, в каком времени находится посетитель.

02

Истории внутри окон

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

03

Инструмент для команды

Собственная CMS позволяет редактировать истории и расположение окон. Наполнение не зависит от ручных правок кода.

Фрагмент дома из Окна.ТВ: заснеженный подъезд и светящиеся окна

Иллюстрации создавались другими участниками команды. Мой вклад в проект описан ниже.

От прототипа до действующего спецпроекта

Командная идея превратилась в работающий сайт с собственными механиками, плеером и редакторской системой. Мой вклад объединил проектирование взаимодействия и техническую реализацию с AI.

Подробный разбор на Хабре

Арт-дирекцию выполнял Илья Давыдов. Иллюстрации и интерьеры создавала Полина Авдошина, тексты готовили Маша Романова и Саша Соколова. Мой вклад: механика взаимодействия и техническая часть. Подробности описаны в авторской статье на Хабре.

Следующий кейсMONEY