SMstudia
Загружаем страницу
0%
Living City — иллюстративный сайт

Город, который строится у вас на глазах

Этот экран показывает рождение бренда как сцену строительства: фундамент, кран, рабочие и щит, на котором проявляется имя. Вместо обычного hero-блока пользователь получает первое сюжетное событие.

Внутри уже заложены интерактивы: клик по рабочим раскрывает меню из искр, а кран и кирпичная стена оживают сами при загрузке страницы.

BRAND LIVING CITY STUDIO УСЛУГИ КЕЙСЫ КОМАНДА

Три здания, три компетенции, один живой квартал

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

  • Небоскрёб — дизайн, стратегия, визуальный язык, бренд-архитектура.
  • Завод — разработка, сборка, логика, интеграции и цифровая механика.
  • Коворкинг — консалтинг, команда, маршруты роста и новые сценарии.

Портфолио как трасса, а не сетка карточек

Машины едут с разной скоростью, а каждый указатель — это проект, в который можно буквально «въехать». По клику транспорт останавливается, и кейс раскрывается как багаж, который привезли из реального пути.

Brand launch
Clinic promo
Team system
Product site
Case 01 — Красная машина

Запуск нового бренда: идея, визуальная сцена, первый экран и драматургия лендинга.

Case 02 — Синяя машина

Сервисный сайт с четкой структурой, логикой секций и анимациями без перегруза.

Case 03 — Жёлтая машина

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

Case 04 — Зелёная машина

Сборка команды, интервью, роли и доверие внутри мягкой иллюстративной среды.

Люди появляются не списком, а как герои внутри пространства

Раздел «О нас» превращается в прогулку по парку. Наведение знакомит, клик раскрывает мини-интервью, а второстепенные детали вроде уток и воды создают уют вместо сухой корпоративности.

  • Hover — остановка героя и bubble с именем.
  • Click — личная сцена, короткое интервью или заметка.
  • Микрожизнь вокруг — утки, качели, рябь воды, лёгкое движение деревьев.

Контакты появляются как финальная проекция на ночном небе

Телескоп запускает созвездия с контактами, а бумажный самолётик открывает форму. Это завершает маршрут мягко, театрально и без стандартного футера с сухими строками.

Контактное созвездие

+49 000 000 00 00 · hello@livingcity.site
Telegram · Behance · Instagram

Made on
Tilda