Недвижимость · Москва-Сити

iCITY — сайт бизнес-центра в новом Москва-Сити

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

Клиент iCITY
Год 2023
Scope Концепция, дизайн, разработка
Тип Бизнес-центр, продажа офисов
iCITY — обложка кейса

В кейсе

Задача

iCITY — две круглые башни в новом Москва-Сити. Внутри Face ID, лифты через приложение, дизайнерские лобби. Снаружи — конкурентный рынок, где соседние БЦ обещают примерно то же самое. Сайт нужен был не «показать объект», а ответить на простой вопрос: зачем компании офис в 2023, если у людей есть кухня и ноутбук.

Решение

У нас была классическая дилемма: или метафора архитектора (он реально вдохновлялся пластиковыми стаканчиками и сделал круглые башни), или метафора технологий — Face ID, лифты в приложении, мягкие интерфейсные формы. Клиент цеплялся за обе. Мы предложили не выбирать. Сделали два маршрута на одном сайте: главная страница уходит в технологии, отдельная — рассказывает историю. Связали общей навигацией и стилистикой.

Иллюстрации сгенерировали нейросетью. На тот момент в РФ-недвижимости так почти никто не делал. Это дало нам две понятные вещи: единый авторский стиль на всём сайте и неделю работы вместо месяца с иллюстратором. Бюджет уехал в анимации и кастомный код — туда, где это видно пользователю.

От стратегии и метафоры до готового сайта на Tilda

01

Стратегия и концепция

Придумали две метафоры — архитектора и технологии. Защитили обе. В итоге не выбрали — оставили обе.

02

Иллюстрации из нейросети

Сгенерировали серию AI-картинок и довели до единого стиля — люди, объекты, фоны звучат одинаково.

03

Дизайн

Мягкие формы, отсылки к мобильным приложениям. Две цветовые палитры — под две разные эмоции.

04

UX-структура

Многостраничник с переходом между концепциями. Главная — технологии. Отдельная страница — история.

05

Анимации и интерактив

Hover-состояния, плавные переходы, анимации в ключевых местах сторителлинга.

06

Разработка на Tilda

Собрали на Tilda. Где не хватало — расширили через Zero-блоки и кастомный код.

Главная — про технологии

Мягкие формы как в мобильном приложении. Акценты на Face ID, лифтах через приложение и инфраструктуре.

iCITY — экран главной страницы iCITY — секция технологий
iCITY — фрагмент страницы

Все картинки на сайте нарисовала нейросеть. В одном стиле.

iCITY — AI-иллюстрации, серия 1 iCITY — AI-иллюстрации, серия 2

Что получилось

×17
Столько заявок на офисы пришло после запуска. Лучший показатель в категории.
+86%
Глубина просмотра. Люди проходят обе концепции и дочитывают историю до конца.
2
Концепции на одном сайте. Не выбрали — и оказалось, что это сработало.

iCITY

Москва, новое Москва-Сити

Бизнес-центр из двух круглых башен в новом Москва-Сити. Внутри: Face ID, лифты через приложение, дизайнерские лобби. Целятся в компании, которые возвращают команды в офис и хотят, чтобы офис был причиной возвращаться.

Два пути — короткий и длинный.
Оба ведут к росту конверсии.

5
Короткий путь

Экспресс-аудит сайта за 5 рабочих дней

Покажем 7–10 конкретных точек, где падает конверсия — с приоритетами и оценкой эффекта.

  • Карта точек роста с приоритезацией impact / effort
  • Скриншоты экранов с разметкой проблем
  • Loom-разбор отчёта на 30 минут
  • Roadmap внедрения на 1–2 квартала
Готовый отчёт за 5 рабочих дней Получить аудит
Длинный путь

Продуктовый редизайн под цели бизнеса

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

  • Продуктовое исследование и стратегия
  • Дизайн-система и адаптив
  • Разработка, запуск и пост-поддержка
  • Метрики и итерации после релиза
От 8 недель · команда под проект Обсудить проект →
Следующий кейс

Interstellar — сайт-шоурум жилого комплекса в Дубае

Интерактивный макет здания: выбор этажа на фасаде, открытие планировки, отдельная воронка для инвесторов

Следующий кейс — Interstellar