MeowStasya: Designer’s Room
Интерактивное портфолио дизайнера с 3D-комнатой и CMS
MISSION BRIEF
Главная страница построена как интерактивная комната дизайнера: пользователь вращает и приближает сцену, включает свет и открывает разделы через предметы.
Обычная навигация дублирует 3D-сцену для мобильных устройств, клавиатуры и браузеров без WebGL.
В собственной CMS можно управлять проектами, категориями, контактами и брендбуками, загружать изображения и собирать страницы из редактируемых слоёв.
LOADOUT
SYSTEM MAP
Designer Room
Изометрическая WebGL-сцена с интерактивными предметами
Accessible Navigation
Кнопки, маршруты и fallback без WebGL
Portfolio CMS
Проекты, категории, контакты и публикация
Brandbook Editor
Текстовые и графические слои с прямым редактированием
Production Runtime
Постоянные данные, HTTPS и отдельный контейнер
BOSS FIGHTS
Сделать 3D-комнату выразительной, но оставить сайт удобным на телефоне и без WebGL
Интерактивные предметы получили raycasting, а те же разделы доступны через обычные кнопки, маршруты и клавиатуру.
Портфолио сохраняет игровую подачу и остаётся доступным на разных устройствах.Обновлять дизайнерское портфолио без правки исходного кода
Создана защищённая CMS для проектов, категорий, изображений, контактов и страниц брендбука.
Контент и новые работы публикуются через панель администратора.• Реальная интерактивная сцена на Three.js.
• Собственная CMS и редактор брендбуков.
• Production на meowstasya.ru с HTTPS и постоянным хранилищем.