ТЦ «ОМА»: как мы подружили Омку с пользователями и сделали сайт, который улыбается

Задача

Обычно сайт торгового центра — это такая цифровая доска объявлений: адрес, список арендаторов, пара акций, схема проезда и где-то в углу кнопка «контакты». Формально работает. Эмоционально — нет.

С OMA такой вариант не подходил.

Во-первых, сам объект не похож на классический торговый центр. Это комьюнити-центр компании ПИК у метро «Аминьевская», входная точка в Матвеевский кластер и почти городское «гранд-лобби» для жителей района. Здесь важны не только магазины, но и сценарии: забежать за продуктами, выпить кофе, сходить в фитнес, встретиться после работы, провести время с семьёй, выйти на бульвар, попасть в амфитеатр, найти нужный вход и не потеряться по пути.

Во-вторых, у OMA есть характер. Он заложен и в архитектуре, и в названии, и в фирменном стиле, и в маскоте OMKA — дружелюбном персонаже, который должен был стать частью коммуникации. Его нельзя было просто поставить на первый экран как наклейку. Нужно было сделать так, чтобы он действительно жил внутри сайта: встречал, улыбался, подсказывал, появлялся в нужных местах и делал взаимодействие теплее.

В-третьих, к открытию объекта нужен был не временный промо-сайт, а полноценный цифровой инструмент. Посетители должны были быстро находить магазины, категории, кафе, услуги, маршруты и понимать, как устроено пространство. Особенно с учётом нестандартной архитектуры OMA: несколько входных сценариев, разные уровни, галереи, переходы, зоны отдыха и общественные пространства.

Отдельной задачей стала интерактивная карта. Её нельзя было собрать из типового шаблона: планировки объекта требовали индивидуальной прорисовки, аккуратной логики этажей и понятной навигации для пользователя, который открывает сайт с телефона где-нибудь у метро, в лифте, на парковке или уже внутри ТЦ.

При этом у проекта была жёсткая дата: сайт должен был быть готов к открытию центра. А полноценная разработка качественного, продуманного сайта — это не история про «быстро собрать несколько экранов». Нужно спроектировать структуру, продумать сценарии, нарисовать интерфейс, подготовить карту, сверстать, разработать, протестировать и запустить .

Поэтому мы предложили клиенту рациональный сценарий: запускаться поэтапно. К открытию — сильная презентационная главная страница, которая передаёт образ OMA и уже работает как цифровая точка входа. Затем — по готовности вводить в эксплуатацию остальные разделы и функциональные блоки.

Так мы сохранили главное: объект встретил первых гостей с работающим сайтом, а не с заглушкой, при этом качество проекта не пришлось приносить в жертву срокам.

Мы начали с простой мысли: если OMA — это не просто торговый центр, то и сайт не должен быть просто сайтом торгового центра.

Он должен работать как цифровое продолжение пространства. Такой же лёгкий, дружелюбный, понятный и немного живой.

1. Разделили запуск на этапы, чтобы не делать «сайт на скорую руку»

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

Мы не хотели делать MVP, за который потом будет неловко.

Поэтому предложили другой подход: не урезать качество, а правильно расставить приоритеты. Сначала — презентационная главная страница, которая должна была встретить аудиторию к открытию OMA, объяснить формат центра, передать настроение бренда и дать базовые точки входа. Затем — планомерный ввод остальных разделов: арендаторы, карта, акции, новости, дополнительные информационные блоки.

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

2. Нашли тон: не молл, а место района

В OMA важна не только коммерческая функция, но и ощущение места. Поэтому мы не стали строить интерфейс вокруг сухой логики «арендаторы — акции — контакты». Да, всё это на сайте есть. Но подано не как справочник, а как маршрут по возможностям центра.

Посетитель не должен разбираться, где тут «категории», «секции» и «объекты инфраструктуры». Он должен быстро понять: здесь можно поесть, купить, потренироваться, провести время, решить бытовые задачи и найти нужную точку.

Мы собрали структуру вокруг реальных пользовательских сценариев и сделали сайт лёгким в восприятии.

3. Концепцию утвердили с первого раза

Для проекта с жёсткими сроками это было не просто приятно, а стратегически важно.

Мы подготовили дизайн-концепцию, в которой соединили архитектурный характер OMA, фирменный стиль, дружелюбный тон и маскота OMKA. Клиент утвердил направление с первого раза — и это позволило не распыляться на варианты, а быстро перейти к полноценной проработке сайта.

4. OMKA стал не декором, а участником интерфейса

Главная опасность любого маскота — превратиться в милую картинку, которую поставили «для настроения», а потом забыли.

Мы пошли другим путём. OMKA появляется на первой странице, улыбается, встречает пользователя и сразу задаёт тон: OMA — это дружелюбное место, куда не нужно заходить с каменным лицом и навигационным стрессом.

Он работает аккуратно — как персонаж бренда, который знает своё место и появляется вовремя.

5. Нарисовали уникальную карту по планировкам объекта

Это была не задача «перевести PDF в картинку».

6. Сделали сайт с ощущением приложения

Большая часть аудитории OMA будет пользоваться сайтом с телефона. Не «когда-нибудь потом», а прямо в реальном сценарии: на ходу, рядом с метро, в торговом центре, между этажами, в ожидании встречи или после тренировки.

Поэтому мы проектировали сайт как лёгкое интерактивное приложение. Быстрые переходы, понятные блоки, приятные реакции интерфейса, аккуратная анимация, адаптивность, удобная навигация.

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

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

В итоге сайт стал не просто страницей к открытию, а цифровым продолжением OMA.

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

При этом сайт не ощущается как типовой сайт торгового центра. Он лёгкий, интерактивный, визуально цельный и ближе по опыту к небольшому приложению: с ним приятно взаимодействовать, а не просто искать нужную информацию.

У OMA есть нестандартная архитектура, свой характер и идея «одного места для разных сценариев жизни». Поэтому сайт тоже получился живым: с понятной структурой, эмоциональными деталями, удобной навигацией и ощущением, что это не просто торговое пространство, а часть района.