FOX URBAN GROUP

От отдельных направлений к единой системе

К моменту старта проекта направления Fox Urban Group существовали как самостоятельные цифровые единицы. Это отражало этап роста отдельных продуктов, но уже не соответствовало масштабу группы компаний: пользователю было сложно увидеть общую структуру, взаимосвязь компетенций и уровень экспертизы бренда.

Мы спроектировали корпоративный сайт с понятной архитектурой, спокойным визуальным языком, мультиязычной структурой и анимационными сценариями, которые помогают постепенно раскрывать большой объём информации.

Изучили опыт рынка

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

Нас интересовало, как компании презентуют сложную экспертизу, структурируют направления бизнеса и объясняют взаимосвязь исследований, стратегии и проектирования.

Исследование показало две закономерности: большинство компаний рассказывают о направлениях изолированно, а сайты часто перегружены терминологией и большими объёмами текста. Поэтому нам было важно показать FOX как единую систему и сделать сложную экспертизу понятной для разных аудиторий.

Проверили решения на вайрфреймах

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

От структуры
к интерфейсу

Fox Urban Group работает с девелоперами, государственными структурами, институтами развития и крупным бизнесом.

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

За ощущением спокойствия стоит система решений.

Мы увеличили отступы, чтобы дать глазу паузу и визуально разгрузить страницу. Ограничили количество акцентных элементов — на экране не больше одного визуального якоря. Использовали высококонтрастную типографику без лишних градаций жирности для максимальной читаемости. Исключили конкурирующие центры — никаких слайдеров и бегущих строк, только чёткая иерархия: заголовок → текст → графика. Выстроили единый ритм между блоками, что создаёт ощущение предсказуемости. Унифицировали структуру страниц — пользователь всегда знает, где находится.

Система взаимосвязанных процессов

В ходе исследования мы заметили, что проекты Fox Urban Group редко ограничиваются одной дисциплиной.

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

Так круг становится не символом развития вообще, а символом взаимосвязей внутри системы.

Баланс интересов

Развитие территорий — это не только работа с пространством. В проектах Fox Urban Group пересекаются интересы жителей, бизнеса, городской среды и экономики территории.

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

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

С вызовом справились анимации

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

Кастомные сценарии
на конструкторе

Несмотря на большое количество анимаций и нестандартных взаимодействий, проект реализован на Tilda. Это позволило сохранить гибкость платформы и дать команде Fox Urban Group возможность самостоятельно управлять контентом и пополнять портфолио без участия разработчиков.

Подготовили сайт для международного развития

Fox Urban Group рассматривал новый сайт не только как корпоративный ресурс, но и как инструмент выхода на международный рынок.

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

Результат

Новый сайт стал единым корпоративным ресурсом FOX URBAN GROUP и собрал все направления компании в общей цифровой системе.

Теперь бренд воспринимается как целостная экосистема экспертиз в урбанистике, архитектуре и развитии территорий, а не как набор отдельных продуктов и направлений. Сайт стал основной площадкой для презентации компании клиентам, партнёрам и международной аудитории.

Что изменилось для бизнеса

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

Что изменилось для пользователей

• понятная навигация по сложной экспертизе компании
• постепенное раскрытие большого объёма информации
• быстрый доступ к направлениям, проектам и услугам
• русская, английская и китайская версии сайта