Золотой Сайт

Лучший сайт для потребителей (b2c)

3 место

ОМ Девелопмент: разработка сайта для ЖК «Станиславский»

MARUS

Создали сайт для камерного квартала бизнес-класса «Станиславский» от ОМ Девелопмент — проекта всего в десяти минутах от столицы, среди коттеджных посёлков. Клиенту был нужен инструмент, который не просто перечисляет характеристики, а передаёт атмосферу будущей жизни. Мы ушли от шаблонного девелоперского лендинга и сделали сайт, где эмоция идёт впереди фактов: пользователь сначала чувствует, а потом выбирает. Получился цифровой гид по настроению и пространству квартала — история, которая ведёт человека через визуальное погружение к решению о покупке. ㅤ 1️⃣ Как проект изменил жизнь пользователей ㅤ Сайт стал инструментом, который помогает не просто узнать о проекте, а почувствовать его атмосферу. Пользователь видит не квадратные метры, а характер и настроение будущего места. Удобная структура позволяет быстро перейти от вдохновения к конкретике — планировкам, локации, условиям. Каждый экран работает на ощущение цельности и доверия к бренду. Такой формат общения с аудиторией делает выбор интуитивным и эмоционально понятным. ㅤ 2️⃣ Проблематика и решение ㅤ ПРОБЛЕМА У заказчика уже были базовые материалы — логотип, цвета, рендеры — но не было цельного цифрового образа. Сайт требовалось не просто «собрать», а передать философию квартала и донести атмосферу жизни в нём. ЗАДАЧИ — Передать театральную философию через интерфейс — не портрет Станиславского, а ощущение режиссуры, динамики, живой сцены. — Совместить премиальность и информативность: лаконичность, эстетика и полнота информации. — Обеспечить комфортный пользовательский опыт на всех устройствах — от десктопа до смартфона. РЕШЕНИЕ Мы выстроили сайт как сторителлинг из четырёх актов: — Завязка: фулл-скрин слайдер, первое впечатление; — Развитие: локация, философия, преимущества; — Кульминация: стилизованные интерактивные карты, каталог, виртуальные туры; — Развязка: ипотечный калькулятор и запись на просмотр. Такой сценарий позволил объединить эмоциональное вовлечение и коммерческую цель — провести пользователя от первого впечатления к заявке. 3️⃣ Реализация ㅤ ДИЗАЙН Визуально мы опирались на исходный шрифт Coworking и фирменные цвета, но переосмыслили их в сторону сценического, почти театрального ритма. Цветовая гамма строится на контрасте тёмных и белых фонов с аккуратными акцентами в брендовых цветах — это создаёт ощущение глубины и премиальности, не перегружая. Типографика работает как режиссура текста: высококонтрастный гротеск обеспечивает читаемость и современное звучание, а вертикальные блоки с большим количеством «воздуха» создают ощущение продуманного, «умного» жилья. Мы сознательно избегали визуальной суеты: каждый блок — отдельный кадр, каждая сцена — законченная мысль. Сдержанная анимация и контурные иконки подчеркивают структуру, а не отвлекают от содержания. Фотореалистичные рендеры высокого разрешения встроены в композицию так, чтобы вести взгляд — от общих видов к деталям, от внешнего к внутреннему. ТЕХНИЧЕСКАЯ РЕАЛИЗАЦИЯ Сайт построен на React + Vite + TypeScript с feature-ориентированной архитектурой, что позволяет развивать проект без переломов структуры. Анимации и плавный скролл реализованы через связку GSAP и Lenis — интерфейс реагирует мягко и предсказуемо. Для работы с данными используется GraphQL + Apollo с автогенерацией типов и хуков, что упрощает интеграции и снижает риск ошибок. Отдельное внимание уделено работе с изображениями: современные форматы (WebP), lazy-load и компонент AdaptiveImage подбирают оптимальное разрешение под устройство, ускоряя загрузку и экономя ресурсы. Минификация CSS и JS завершает картину по производительности. Мобильная версия не просто сжимает макет в одну колонку: сетка перестраивается так, чтобы основной сценарий — от знакомства до заявки — сохранялся. Анимации упрощаются, кликабельные элементы становятся крупнее, тексты — легче для чтения с руки. ㅤ 4️⃣ Инсайты и заключение ㅤ Один из главных инсайтов родился на стыке UX и драматургии: когда смотришь на сайт как на спектакль, становится легче выстраивать пользовательский путь. Мы отказались от попыток «запихнуть всё сразу» на первый экран и вместо этого задали ритм: показать, объяснить, дать попробовать, помочь принять решение. Интерактивные карты стали не только информационным блоком, но и частью вовлечения — по ним удобно «гулять», исследуя окружение. Каталог квартир мы делали как инструмент, в котором хочется задержаться: фильтры по ключевым параметрам, понятные карточки, возможность сразу перейти в 3D-тур. Виртуальные 360°-панорамы помогли ответить на главный вопрос покупателей — «как это выглядит на самом деле?» — ещё до приезда в офис продаж. Ипотечный калькулятор с наглядной визуализацией ставки, срока и первоначального взноса закрыл тему финансовой понятности. Работа с заказчиком строилась как диалог: мы регулярно показывали промежуточные версии, проверяли, насколько интерфейс действительно помогает менеджерам продаж, и вместе уточняли расстановку акцентов. Это позволило сохранить и художественный замысел, и прикладную эффективность. ㅤ Один из ключевых инсайтов родился на стыке UX и драматургии: если смотреть на сайт как на спектакль, легче выстроить пользовательский путь. Мы отказались от попытки «запихнуть всё сразу» на первый экран и задали ритм — показать, объяснить, дать попробовать, помочь принять решение. Интерактивные карты стали не просто информационным блоком, а частью вовлечения: по ним можно «гулять», исследуя окружение. Каталог квартир проектировался как инструмент, в котором хочется задержаться — с фильтрами по ключевым параметрам, понятными карточками и возможностью сразу перейти в 3D-тур. Виртуальные 360°-панорамы помогли ответить на главный вопрос покупателей — «как это выглядит на самом деле?» — ещё до приезда в офис продаж. Ипотечный калькулятор с наглядной визуализацией ставки, срока и взноса закрыл тему финансовой понятности. Работа с заказчиком строилась как диалог: мы регулярно показывали промежуточные версии, проверяли, насколько интерфейс действительно помогает менеджерам продаж, и вместе уточняли расстановку акцентов. Так удалось сохранить баланс между художественным замыслом и прикладной эффективностью — сайт стал не просто презентацией, а полноценным рабочим инструментом для команды продаж.

Конкурс Лучших сайтов И приложений

29

88

240

40

Подача заявок

Голосование жюри

Оглашение результатов

Церемония награждения