SMstudia
Загружаем страницу
0%
isometric-breathing-city
Breathing City / Isometric Agency
Block 01 / Входная площадь

Город, который дышит и отвечает на каждое ваше действие

Перед вами не обычный лендинг, а миниатюрная изометрическая вселенная. Курсор работает как луч света, клик переворачивает площадь, а скролл постепенно режиссирует время и глубину всего города.

Референс по атмосфере изометрического футуристического города помогает задать плотность деталей и настроение сцены. [image:84]

Смотреть небоскрёб услуг
  • На hero-сцене уже работают фонтаны, дроны, машины, дрейфующие облака и интерактивные здания.
  • Тёплая векторная палитра и изометрическая перспектива поддерживают ощущение управляемого города-конструктора.
Block 02 / Небоскрёб услуг

Один небоскрёб, четыре уровня сервиса и своя жизнь внутри каждого этажа

Когда пользователь доходит до этой сцены, камера приближается к башне. Наведение делает этаж полупрозрачным, а клик выдвигает его вперёд и раскрывает подробное описание услуги.

Design floor

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

Block 03 / Лабиринт проектов

Портфолио превращается в прогулку по стеклянному лабиринту

Скролл двигает камеру по лабиринту, наведение растворяет стеклянные стены, а клик раскрывает проект во весь экран. В одной из ячеек спрятана пасхалка с фейерверком.

HoverЯчейка вылетает вперёд и становится сценой.
ClickОткрывается детальный fullscreen-попап.
ScrollКамера идёт в глубину как в игре.
Easter eggСкрытая стена запускает цифровой фейерверк.
Block 04 / Парк команды

Команда живёт внутри парка и отвечает на внимание пользователя

Мини-персонажи гуляют по изометрическому парку, машут рукой при наведении и раскрывают персональный bubble. Клик по сотруднику показывает QR-код-заглушку и имитирует ссылку на профиль.

  • Деревья можно перетаскивать в режиме архитектора и тем самым менять микрокомпозицию сцены.
  • Пруд, утки, лавочки и живая траектория фигурок создают ощущение внутренней экосистемы, а не обычного блока «О нас».
Block 05 / Космическая трасса

Контакты подаются как дорога в космос, а не как скучный футер

Указатели подсвечиваются, посылают луч к ближайшей машине и раскрывают контактный сценарий. Клик открывает попап формы или быстрый контактный action.

Позвонить

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

Made on
Tilda