Сайт медиастудии и каталог оборудования — демопроект

Используемые навыки Next.js React.js Typescript

Описание

Собственный демонстрационный проект ROOM//01. Задача — объединить презентацию медиастудии и удобный поиск оборудования: показать услуги и пространство, помочь подготовить бриф, найти технику и её место хранения. Коммерческое внедрение не заявляется; используются демонстрационные данные.

Дополнительные изображения с пометкой «ИИ-концепт» показывают возможное оформление интерфейса или сценария. Это условные примеры, не скриншоты текущей реализации. Описание реализации — в разделе «Решение».

Решение

Разработал интерфейс на Next.js, React и TypeScript. На главной — услуги, пространство студии, этапы работы, FAQ и локальный конструктор брифа. Для техники создан отдельный каталог: поиск, фильтры по категории, статусу и зоне, план хранения и карточки устройств с постоянными адресами. Состояние фильтров сохраняется в URL. В репозитории предусмотрены модульные и браузерные проверки.

Результат

Демонстрационный сайт для двух сценариев: знакомства с медиастудией и поиска оборудования. Можно проверить структуру страниц, навигацию, карточки и подготовку брифа до подключения рабочих процессов.

Границы проекта: приватный демонстрационный стенд, вымышленный инвентарь и прототипные фотографии. Конструктор брифа работает локально и не отправляет заявки. Реальная отправка, авторизация, роли и журнал операций — отдельный следующий этап. Исходники публично не размещаются.