Кейсы

Infrest Corporation

2025-07-31 11:53 Сайты

О проекте

INFREST Corporation — многопрофильная российская компания, которая развивает сразу несколько ключевых направлений: Development, Finance, Management, Wellness и Food.

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

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

Задача

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

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

Предпроектное исследование

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

В параллель — собрали данные о целевой аудитории INFREST. Среди ключевых сегментов: потенциальные партнёры (девелоперы, инвесторы, городские власти), клиенты направлений (в том числе — B2C в сфере Wellness и Food) и кандидаты, рассматривающие INFREST как работодателя. Для каждого сегмента мы сформулировали пользовательские сценарии и понимание, какие смыслы и триггеры нужно транслировать на сайте.
Вывод: важно создать строгую, но эмоционально живую структуру, где технология сочетается с доверием, а эстетика — с внятной навигацией.

Структура сайта

Сайт INFREST построен как единая цифровая платформа, охватывающая все ключевые направления деятельности корпорации.

В центре структуры — главная страница, задающая визуальный и смысловой тон, откуда пользователь может перейти к одному из пяти блоков: Development, Finance, Management, Wellness и Food. В каждом разделе собраны дочерние проекты: например, в Development — архитектурное бюро, агентство недвижимости, студия дизайна и жилой комплекс «Вектор премиум-квартал», в Wellness — сеть фитнес-клубов и спа, а в Food — кафе, доставка, рестораны и lounge-bar.

Также в структуре предусмотрены страницы «О компании», «Карьера» и отдельный блок сервисных страниц: политика обработки данных, 404, страница благодарности. Такая система позволяет гибко масштабировать сайт, добавляя новые бизнес-юниты без нарушения логики и навигации.

Мудборд

Визуальная концепция сайта отталкивается от архитектурной эстетики и высокотехнологичного стиля. В основу мудборда легли референсы на современные мегаполисы, урбанистику, 3D-абстракции и брендинг крупных девелоперских и инвестиционных компаний. Мы отказались от цветных акцентов в пользу монохромной палитры — чёрного, белого и градаций серого — чтобы создать эффект премиальности, строгости и глубины.

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

Прототипирование

До перехода к дизайну мы создали прототипы всех разделов сайта — от главной страницы до внутренних блоков каждого бизнес-направления, страницы «О компании», «Карьера» и всех сервисных страниц.

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

Все прототипы были собраны в Figma и протестированы внутри команды, а также на стороне клиента — это позволило на раннем этапе зафиксировать структуру, согласовать ключевые UX-решения и заложить основу для будущих анимаций и визуальной динамики. Такой подход исключил «слепые зоны» и обеспечил максимально логичный пользовательский путь.

3. Дизайн

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

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

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

Платформа Tilda у многих по-прежнему ассоциируется с простыми, шаблонными лендингами, но на самом деле её потенциал гораздо шире — особенно при работе с Zero Block и подключением кастомного кода.

В случае с INFREST мы использовали Tilda как полноценный конструктор для кастомной архитектуры: сверстали весь сайт с нуля, реализовали уникальную модульную сетку, адаптировали дизайн под разные разрешения и настроили сложную анимацию. Сайт выглядит и ощущается как уникальный digital-продукт, полностью отражающий характер бренда — и при этом остаётся удобным для редактирования внутри команды INFREST.

SEO-оптимизация

На финальном этапе мы настроили полную базовую SEO-оптимизацию, чтобы сайт не только впечатлял визуально, но и был заметен в поиске.

На основе семантического анализа для всех ключевых страниц были прописаны корректные title, meta-description и заголовки H1–H3, настроены человеко-понятные URL и сформирована карта сайта для поисковых систем.

Все изображения прошли оптимизацию: использовались форматы WebP, заданы alt-теги, реализована ленивая загрузка.

Весь сайт прошёл проверку по Core Web Vitals — за счёт оптимизированного кода и адаптивной верстки он показывает стабильную загрузку и высокие показатели по скорости (LCP, CLS, FCP).

Также были настроены Яндекс.Метрика с отслеживанием ключевых пользовательских действий: кликов по контактам, отправки форм и переходов по направлениям. В результате сайт готов к дальнейшему продвижению без дополнительных доработок.

Результаты

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

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

За стильными и продуманными сайтами — в QWER AGENCY.