О проекте
INFREST Corporation — многопрофильная российская компания, которая развивает сразу несколько ключевых направлений: Development, Finance, Management, Wellness и Food.
Каждое из этих направлений работает как самостоятельный бизнес-юнит, при этом вместе они формируют единую экосистему, ориентированную на создание комфортной среды для жизни, работы и отдыха. Главная идея бренда — синергия: объединяя экспертизу в разных сферах, INFREST предлагает комплексные, технологичные и премиальные решения, способные изменить уровень повседневной жизни.
Новому сайту предстояло стать не просто представительской площадкой, а визуальным и смысловым отражением этой концепции — строгим, технологичным, архитектурным.
Каждое из этих направлений работает как самостоятельный бизнес-юнит, при этом вместе они формируют единую экосистему, ориентированную на создание комфортной среды для жизни, работы и отдыха. Главная идея бренда — синергия: объединяя экспертизу в разных сферах, INFREST предлагает комплексные, технологичные и премиальные решения, способные изменить уровень повседневной жизни.
Новому сайту предстояло стать не просто представительской площадкой, а визуальным и смысловым отражением этой концепции — строгим, технологичным, архитектурным.
Задача
Ключевая задача — разработать сайт, который объединит все направления INFREST в единую цифровую экосистему и отразит масштаб компании через визуальные и технологические решения.
Сайт должен был быть не просто красивым, а архитектурно выверенным, с чёткой структурой, сложной анимацией и премиальной подачей. При этом важно было сохранить управляемость: сделать платформу, в которой команда клиента сможет самостоятельно обновлять новости и управлять контентом без привлечения разработчиков. Особое внимание — скорости загрузки, мобильной адаптивности и корректной SEO-оптимизации: INFREST — амбициозный бренд, и сайт должен соответствовать этому уровню по всем параметрам.
Сайт должен был быть не просто красивым, а архитектурно выверенным, с чёткой структурой, сложной анимацией и премиальной подачей. При этом важно было сохранить управляемость: сделать платформу, в которой команда клиента сможет самостоятельно обновлять новости и управлять контентом без привлечения разработчиков. Особое внимание — скорости загрузки, мобильной адаптивности и корректной SEO-оптимизации: INFREST — амбициозный бренд, и сайт должен соответствовать этому уровню по всем параметрам.
Предпроектное исследование
Перед началом проектирования мы провели стратегический аудит: проанализировали сайты девелоперских и инвестиционных компаний премиум-сегмента, чтобы понять, как подаётся бренд в смежных индустриях и на какие элементы делают акцент лидеры рынка.
В параллель — собрали данные о целевой аудитории INFREST. Среди ключевых сегментов: потенциальные партнёры (девелоперы, инвесторы, городские власти), клиенты направлений (в том числе — B2C в сфере Wellness и Food) и кандидаты, рассматривающие INFREST как работодателя. Для каждого сегмента мы сформулировали пользовательские сценарии и понимание, какие смыслы и триггеры нужно транслировать на сайте.
В параллель — собрали данные о целевой аудитории INFREST. Среди ключевых сегментов: потенциальные партнёры (девелоперы, инвесторы, городские власти), клиенты направлений (в том числе — B2C в сфере Wellness и Food) и кандидаты, рассматривающие INFREST как работодателя. Для каждого сегмента мы сформулировали пользовательские сценарии и понимание, какие смыслы и триггеры нужно транслировать на сайте.
Вывод: важно создать строгую, но эмоционально живую структуру, где технология сочетается с доверием, а эстетика — с внятной навигацией.
Структура сайта
Сайт INFREST построен как единая цифровая платформа, охватывающая все ключевые направления деятельности корпорации.
В центре структуры — главная страница, задающая визуальный и смысловой тон, откуда пользователь может перейти к одному из пяти блоков: Development, Finance, Management, Wellness и Food. В каждом разделе собраны дочерние проекты: например, в Development — архитектурное бюро, агентство недвижимости, студия дизайна и жилой комплекс «Вектор премиум-квартал», в Wellness — сеть фитнес-клубов и спа, а в Food — кафе, доставка, рестораны и lounge-bar.
Также в структуре предусмотрены страницы «О компании», «Карьера» и отдельный блок сервисных страниц: политика обработки данных, 404, страница благодарности. Такая система позволяет гибко масштабировать сайт, добавляя новые бизнес-юниты без нарушения логики и навигации.
В центре структуры — главная страница, задающая визуальный и смысловой тон, откуда пользователь может перейти к одному из пяти блоков: Development, Finance, Management, Wellness и Food. В каждом разделе собраны дочерние проекты: например, в Development — архитектурное бюро, агентство недвижимости, студия дизайна и жилой комплекс «Вектор премиум-квартал», в Wellness — сеть фитнес-клубов и спа, а в Food — кафе, доставка, рестораны и lounge-bar.
Также в структуре предусмотрены страницы «О компании», «Карьера» и отдельный блок сервисных страниц: политика обработки данных, 404, страница благодарности. Такая система позволяет гибко масштабировать сайт, добавляя новые бизнес-юниты без нарушения логики и навигации.
Мудборд
Визуальная концепция сайта отталкивается от архитектурной эстетики и высокотехнологичного стиля. В основу мудборда легли референсы на современные мегаполисы, урбанистику, 3D-абстракции и брендинг крупных девелоперских и инвестиционных компаний. Мы отказались от цветных акцентов в пользу монохромной палитры — чёрного, белого и градаций серого — чтобы создать эффект премиальности, строгости и глубины.
Вдохновлялись работами дизайнеров, которые используют холодный свет, отражения, текстуру стекла и металла, а также плавные движения и деформации, навеянные жидкими материалами. Эта визуальная база позволила задать уникальный характер сайту INFREST, где каждая секция ощущается как часть архитектурной композиции: ритмичной, выверенной, технологичной.
Вдохновлялись работами дизайнеров, которые используют холодный свет, отражения, текстуру стекла и металла, а также плавные движения и деформации, навеянные жидкими материалами. Эта визуальная база позволила задать уникальный характер сайту INFREST, где каждая секция ощущается как часть архитектурной композиции: ритмичной, выверенной, технологичной.
Прототипирование
До перехода к дизайну мы создали прототипы всех разделов сайта — от главной страницы до внутренних блоков каждого бизнес-направления, страницы «О компании», «Карьера» и всех сервисных страниц.
Каждый экран сначала проектировался в виде чёткой сеточной структуры с расставленными акцентами: мы продумывали, как пользователь будет переходить между разделами, на что обратит внимание в первую очередь, какие триггеры будут работать в разных сценариях (ознакомление, партнёрство, трудоустройство и пр.).
Все прототипы были собраны в Figma и протестированы внутри команды, а также на стороне клиента — это позволило на раннем этапе зафиксировать структуру, согласовать ключевые UX-решения и заложить основу для будущих анимаций и визуальной динамики. Такой подход исключил «слепые зоны» и обеспечил максимально логичный пользовательский путь.
Каждый экран сначала проектировался в виде чёткой сеточной структуры с расставленными акцентами: мы продумывали, как пользователь будет переходить между разделами, на что обратит внимание в первую очередь, какие триггеры будут работать в разных сценариях (ознакомление, партнёрство, трудоустройство и пр.).
Все прототипы были собраны в Figma и протестированы внутри команды, а также на стороне клиента — это позволило на раннем этапе зафиксировать структуру, согласовать ключевые UX-решения и заложить основу для будущих анимаций и визуальной динамики. Такой подход исключил «слепые зоны» и обеспечил максимально логичный пользовательский путь.
3. Дизайн
После утверждения прототипов мы приступили к созданию полноценной дизайн-системы и разработке макетов для каждой страницы сайта. Мы оформили весь маршрут пользователя — от первого экрана на главной до карточек направлений, внутренних страниц, форм, сервисных разделов и адаптивных версий.
Визуальный стиль основывается на минимализме и архитектурной графике: крупная типографика, строгая модульная сетка, сочетание тёмного фона с холодным светом и выразительными фотографиями. Каждый макет насыщен деталями — от плавных переходов и наложений до проработанных состояний кнопок и форм. Отдельно были заданы правила поведения элементов при скролле и наведении, что стало основой для будущей анимации. В результате клиент получил полный комплект макетов, отражающих весь функционал сайта и при этом поддерживающих визуальную цельность бренда.
Визуальный стиль основывается на минимализме и архитектурной графике: крупная типографика, строгая модульная сетка, сочетание тёмного фона с холодным светом и выразительными фотографиями. Каждый макет насыщен деталями — от плавных переходов и наложений до проработанных состояний кнопок и форм. Отдельно были заданы правила поведения элементов при скролле и наведении, что стало основой для будущей анимации. В результате клиент получил полный комплект макетов, отражающих весь функционал сайта и при этом поддерживающих визуальную цельность бренда.
Разработка сайта на Tilda
Платформа Tilda у многих по-прежнему ассоциируется с простыми, шаблонными лендингами, но на самом деле её потенциал гораздо шире — особенно при работе с Zero Block и подключением кастомного кода.
В случае с INFREST мы использовали Tilda как полноценный конструктор для кастомной архитектуры: сверстали весь сайт с нуля, реализовали уникальную модульную сетку, адаптировали дизайн под разные разрешения и настроили сложную анимацию. Сайт выглядит и ощущается как уникальный digital-продукт, полностью отражающий характер бренда — и при этом остаётся удобным для редактирования внутри команды INFREST.
В случае с INFREST мы использовали Tilda как полноценный конструктор для кастомной архитектуры: сверстали весь сайт с нуля, реализовали уникальную модульную сетку, адаптировали дизайн под разные разрешения и настроили сложную анимацию. Сайт выглядит и ощущается как уникальный digital-продукт, полностью отражающий характер бренда — и при этом остаётся удобным для редактирования внутри команды INFREST.
SEO-оптимизация
На финальном этапе мы настроили полную базовую SEO-оптимизацию, чтобы сайт не только впечатлял визуально, но и был заметен в поиске.
На основе семантического анализа для всех ключевых страниц были прописаны корректные title, meta-description и заголовки H1–H3, настроены человеко-понятные URL и сформирована карта сайта для поисковых систем.
Все изображения прошли оптимизацию: использовались форматы WebP, заданы alt-теги, реализована ленивая загрузка.
Весь сайт прошёл проверку по Core Web Vitals — за счёт оптимизированного кода и адаптивной верстки он показывает стабильную загрузку и высокие показатели по скорости (LCP, CLS, FCP).
Также были настроены Яндекс.Метрика с отслеживанием ключевых пользовательских действий: кликов по контактам, отправки форм и переходов по направлениям. В результате сайт готов к дальнейшему продвижению без дополнительных доработок.
На основе семантического анализа для всех ключевых страниц были прописаны корректные title, meta-description и заголовки H1–H3, настроены человеко-понятные URL и сформирована карта сайта для поисковых систем.
Все изображения прошли оптимизацию: использовались форматы WebP, заданы alt-теги, реализована ленивая загрузка.
Весь сайт прошёл проверку по Core Web Vitals — за счёт оптимизированного кода и адаптивной верстки он показывает стабильную загрузку и высокие показатели по скорости (LCP, CLS, FCP).
Также были настроены Яндекс.Метрика с отслеживанием ключевых пользовательских действий: кликов по контактам, отправки форм и переходов по направлениям. В результате сайт готов к дальнейшему продвижению без дополнительных доработок.
Результаты
Сайт INFREST стал полноценным цифровым отражением бренда — строгим, технологичным и при этом живым. Благодаря продуманной структуре и глубокой проработке всех экранов он демонстрирует масштаб компании и объединяет разнородные бизнес-направления в единую визуальную систему.
После запуска сайт получил положительные отзывы со стороны партнёров и начал органично набирать позиции в поиске. INFREST использует его как основную точку цифрового контакта — и с инвесторами, и с потенциальными сотрудниками, и с аудиторией каждого направления.
За стильными и продуманными сайтами — в QWER AGENCY.
После запуска сайт получил положительные отзывы со стороны партнёров и начал органично набирать позиции в поиске. INFREST использует его как основную точку цифрового контакта — и с инвесторами, и с потенциальными сотрудниками, и с аудиторией каждого направления.
За стильными и продуманными сайтами — в QWER AGENCY.
