CEO агентства
MBA, UTS Australia
13+ лет в маркетинге
13+ лет в маркетинге
Тимофей Белоглазов
Давайте подскажем,
как решить вашу задачу
как решить вашу задачу
(Оставить заявку)
Мы сделали 754 проекта и каждый из них уникальный, поэтому для старта нам важно познакомиться. Оставьте ваши контакты, а мы вам перезвоним в рабочее время.
О заказчике
К нам обратилась команда Capital Group с задачей создать сайт для нового премиального проекта «Мастерс».
Capital Group — один из ведущих девелоперов Москвы. Более 30 лет застройщик создает жилую и коммерческую недвижимость бизнес-, элит- и премиум-класса, а также реализует сложные проекты в сфере высотного строительства и редевелопмента. В его портфеле более 11 млн м² реализованных, строящихся и проектируемых объектов. Среди знаковых проектов компании — комплексы «Город Столиц» и ОКО, небоскребы Capital Towers, жилые комплексы «Небо» и «Лица», клубные дома Mon Cher и White Khamovniki. Одним из ключевых направлений работы девелопера сегодня является редевелопмент территории бывшего Бадаевского пивоваренного завода, где Capital Group возводит жилой комплекс «Бадаевский».
К созданию своих объектов компания привлекает ведущие российские и международные архитектурные бюро. Работы Capital Group неоднократно получали профессиональные награды в России и за рубежом.
Репутация и экспертиза Capital Group определили уровень требований к проектированию сайта. В основе задачи было создать понятный сайт, который передает особенности проекта «Мастерс» и соответствует общей стилистике девелопера.
Capital Group — один из ведущих девелоперов Москвы. Более 30 лет застройщик создает жилую и коммерческую недвижимость бизнес-, элит- и премиум-класса, а также реализует сложные проекты в сфере высотного строительства и редевелопмента. В его портфеле более 11 млн м² реализованных, строящихся и проектируемых объектов. Среди знаковых проектов компании — комплексы «Город Столиц» и ОКО, небоскребы Capital Towers, жилые комплексы «Небо» и «Лица», клубные дома Mon Cher и White Khamovniki. Одним из ключевых направлений работы девелопера сегодня является редевелопмент территории бывшего Бадаевского пивоваренного завода, где Capital Group возводит жилой комплекс «Бадаевский».
К созданию своих объектов компания привлекает ведущие российские и международные архитектурные бюро. Работы Capital Group неоднократно получали профессиональные награды в России и за рубежом.
Репутация и экспертиза Capital Group определили уровень требований к проектированию сайта. В основе задачи было создать понятный сайт, который передает особенности проекта «Мастерс» и соответствует общей стилистике девелопера.
Задача
Перед нами стояла задача не просто рассказать о новом жилом комплексе, а вызвать у аудитории интерес к проекту. Через структуру, визуальную подачу и контент нужно было закрепить в восприятии ключевые характеристики Мастерса: камерность, интеллектуальный подход к архитектуре и среде, премиальный уровень жизни. При этом сайт должен был помогать пользователю разобраться в преимуществах и, как результат, подвести его к заявке.
При этом нужно было учитывать масштаб и внутреннюю структуру Capital Group: решения проходили несколько этапов согласования. Поэтому нам было важно выстроить понятный процесс, максимально прозрачно аргументировать предложенные решения и учитывать интересы каждого участника рабочей группы.
При этом нужно было учитывать масштаб и внутреннюю структуру Capital Group: решения проходили несколько этапов согласования. Поэтому нам было важно выстроить понятный процесс, максимально прозрачно аргументировать предложенные решения и учитывать интересы каждого участника рабочей группы.
Решение
Мы разбили работу над сайтом на несколько этапов. Такой подход используем во всех проектах: сначала погружаемся в продукт, затем собираем структуру, ищем визуальное направление, разрабатываем дизайн и только после этого переходим к технической сборке сайта. Данная последовательность помогает двигаться по понятному и предсказуемому маршруту.
Разберем детальнее.
Разберем детальнее.
1. Погружение в проект.
Работу начали с изучения вводных от клиента. У заказчика уже были айдентика, визуализация, бренд-платформа, информационные материалы и документация по проекту. А это значит, что фундамент уже был заложен. Нам оставалось собрать все «кирпичики», чтобы в результате получилась цельная конструкция.
Мы изучили позиционирование «Мастерс», его аудиторию, ценности и основные преимущества. В центре концепции — пространство для людей, которыми движут идеи: предпринимателей, профессионалов, творческих людей и семей, ценящих развитие, знания и сильное окружение. Ключевые смыслы — мастерство, новаторство, уважение к истории района, интеллектуальная среда и комфорт, который освобождает время для важного. Эти идеи легли в основу.
Чтобы донести эти смыслы в духе Capital Group, мы заполнили бриф и провели вводную встречу, на которой синхронизировались по ожиданиям и наметили план работы. Параллельно изучили сайты московских девелоперских проектов премиум-сегмента: посмотрели, как они выстраивают пользовательский путь, раскрывают преимущества и расставляют смысловые акценты. На основе этого определили состав и последовательность блоков, а также спроектировали навигацию, которая постепенно ведет пользователя от знакомства с общей концепцией «Мастерс» к архитектуре, инфраструктуре и деталям проекта.
Мы изучили позиционирование «Мастерс», его аудиторию, ценности и основные преимущества. В центре концепции — пространство для людей, которыми движут идеи: предпринимателей, профессионалов, творческих людей и семей, ценящих развитие, знания и сильное окружение. Ключевые смыслы — мастерство, новаторство, уважение к истории района, интеллектуальная среда и комфорт, который освобождает время для важного. Эти идеи легли в основу.
Чтобы донести эти смыслы в духе Capital Group, мы заполнили бриф и провели вводную встречу, на которой синхронизировались по ожиданиям и наметили план работы. Параллельно изучили сайты московских девелоперских проектов премиум-сегмента: посмотрели, как они выстраивают пользовательский путь, раскрывают преимущества и расставляют смысловые акценты. На основе этого определили состав и последовательность блоков, а также спроектировали навигацию, которая постепенно ведет пользователя от знакомства с общей концепцией «Мастерс» к архитектуре, инфраструктуре и деталям проекта.
2. Прототипирование.
На этом этапе материалы заказчика превратились в текстовый прототип будущего сайта. Мы проверили, достаточно ли информации для раскрытия каждого раздела, где не хватает конкретики и какие преимущества стоит показать подробнее.
Сайт начинал знакомство с исторического и интеллектуального контекста района, где жили и работали представители науки, авиации и творческой интеллигенции. Затем перенесли эту линию в настоящее: к людям, которые сегодня развивают свое дело, создают новое и выбирают соответствующую среду для себя и семьи. Так история места стала не отдельной справкой, а основой позиционирования комплекса.
Дальше эмоциональная часть постепенно подкреплялась практическими аргументами: расположением, транспортной доступностью, возможностями для развития детей и взрослых, архитектурой, общественными пространствами для работы и общения, сервисами и технологичными решениями.
После согласования текстового прототипа мы перенесли его в десктопную и мобильную версию лендинга, определили основные акценты и сформировали каркас будущего сайта — без дизайна, но уже с понятной логикой.
Сайт начинал знакомство с исторического и интеллектуального контекста района, где жили и работали представители науки, авиации и творческой интеллигенции. Затем перенесли эту линию в настоящее: к людям, которые сегодня развивают свое дело, создают новое и выбирают соответствующую среду для себя и семьи. Так история места стала не отдельной справкой, а основой позиционирования комплекса.
Дальше эмоциональная часть постепенно подкреплялась практическими аргументами: расположением, транспортной доступностью, возможностями для развития детей и взрослых, архитектурой, общественными пространствами для работы и общения, сервисами и технологичными решениями.
После согласования текстового прототипа мы перенесли его в десктопную и мобильную версию лендинга, определили основные акценты и сформировали каркас будущего сайта — без дизайна, но уже с понятной логикой.
3. Согласование мудбордов.
После прототипа перешли к поиску визуального языка. Собрали референсы, подготовили мудборды и предложили три варианта будущей концепции. Это отправная точка, которая помогает нам и заказчику определить общее направление: насколько крупными и выразительными будут заголовки, на чем сделать акцент, какие композиционные приемы использовать, каких стоит избегать. Так мы определили характер будущего сайта и то, как проект будет раскрываться визуально.
1. Минимализм и крупная типографика.
Визуальная идея мудборда строится на минималистичной композиции с акцентом на крупную типографику. Текст частично перекрывается рендерами жилого комплекса, создавая ощущение глубины, объема и многослойности. Цветовая палитра и шрифтовая пара здесь строго соответствуют фирменному стилю. Паттерн гармонично интегрируется в фоны и изображения, не перегружая картинку.
В анимации предложили сделать ставку на легкость и минимализм: плавное появление заголовков и акцентных элементов, эффекты при наведении, появление крупных заголовков по скроллу и отдельных динамических элементов, например, бегущей строки.
2. Дух интеллигенции и идея развития как образа жизни.
Идея мудборда строится вокруг образа творческой и научной интеллигенции, исторически связанной с районом. Концепция обращается к людям, которые находятся в постоянном движении к росту и ценят среду, способную поддерживать этот внутренний импульс.
Эту идею предложили раскрыть через нестандартную сетку и выразительную композицию: объединить рендеры жилого комплекса с акцентными деталями интерьера, фактурами материалов и образами людей, погруженных в работу, творчество и исследование. Визуальную основу концепции дополняет паттерн из фирменного стиля, полупрозрачные тени и силуэты на фоне.
Палитра построена на спокойных бежево-коричневых оттенках. Они создают ощущение сдержанной премиальности и не спорят с рендерами жилого комплекса и интерьеров. В качестве акцентов предложили использовать фотографии разных видов деятельности: художественной, музыкальной, научной. Они раскрывают идею дома для людей, которыми движут идеи, но основной фокус остается на продукте.
Анимация продолжает эту идею через плавное движение заголовков и фотографий по скроллу, без резких переходов.
Эту идею предложили раскрыть через нестандартную сетку и выразительную композицию: объединить рендеры жилого комплекса с акцентными деталями интерьера, фактурами материалов и образами людей, погруженных в работу, творчество и исследование. Визуальную основу концепции дополняет паттерн из фирменного стиля, полупрозрачные тени и силуэты на фоне.
Палитра построена на спокойных бежево-коричневых оттенках. Они создают ощущение сдержанной премиальности и не спорят с рендерами жилого комплекса и интерьеров. В качестве акцентов предложили использовать фотографии разных видов деятельности: художественной, музыкальной, научной. Они раскрывают идею дома для людей, которыми движут идеи, но основной фокус остается на продукте.
Анимация продолжает эту идею через плавное движение заголовков и фотографий по скроллу, без резких переходов.
3. Премиальность и фирменный стиль.
В основе третьего мудборда лежит премиальная визуальная подача и фирменный стиль. Главный акцент сделан на крупных рендерах, которые передают масштаб и уровень проекта. Их дополняют фотографии семей в теплой, живой атмосфере и мягкие тени от естественного света, создающие ощущение уюта и эмоциональной близости.
Текстовые блоки в рамках данной концепции вынесены в попапы и слайдеры. Так пользователь получает всю важную информацию, но визуальная подача остается в минималистичном стиле легкой и аккуратной.
Выбор клиента пал на второй вариант. Он получился более эмоциональным, раскрыв проект через идею роста, развития, творчества. Такой ход связал будущий жилой комплекс с контекстом места и показал его как продолжение определенной культурной среды.
Текстовые блоки в рамках данной концепции вынесены в попапы и слайдеры. Так пользователь получает всю важную информацию, но визуальная подача остается в минималистичном стиле легкой и аккуратной.
Выбор клиента пал на второй вариант. Он получился более эмоциональным, раскрыв проект через идею роста, развития, творчества. Такой ход связал будущий жилой комплекс с контекстом места и показал его как продолжение определенной культурной среды.
4. Разработка дизайн-концепции.
После согласования мудборда мы приступили к разработке дизайн-концепции. Мы презентовали заказчику две концепции.
В первом варианте мы предложили сделать основной акцент на самом доме, сосредоточив внимание пользователя на архитектуре и визуальном образе проекта. Анимация в этой концепции стала одним из ключевых приемов. За счет движения сайт выглядел динамичнее, а пользователь лучше считывал ключевые смыслы проекта.
В первом варианте мы предложили сделать основной акцент на самом доме, сосредоточив внимание пользователя на архитектуре и визуальном образе проекта. Анимация в этой концепции стала одним из ключевых приемов. За счет движения сайт выглядел динамичнее, а пользователь лучше считывал ключевые смыслы проекта.
Во второй концепции рендер жилого комплекса сочетается с эмоциональным визуальным акцентом: кадрами из мира творческих людей. Такой прием помогает сразу задать настроение проекта. Архитектура показывает масштаб и премиальный уровень дома, а фотография намекает на будущих жителей, их интересы, ритм и образ жизни. Анимация здесь играла меньшую роль, акцентная частью стала крупная типографика.
5. Разработка дизайн-макетов сайта
После согласования главной страницы разработали дизайн-макеты остальных экранов. Мы адаптировали структуру, визуальные акценты и формы под разные разрешения, чтобы сохранить удобство просмотра и не потерять качество подачи проекта.
Заказчик выбрал первую концепцию, где ключевой акцент был сделан на анимации и динамичной подаче. Мы перешли к разработке макета сайта.
Заказчик выбрал первую концепцию, где ключевой акцент был сделан на анимации и динамичной подаче. Мы перешли к разработке макета сайта.
После презентации первых дизайн-макетов заказчику стало понятно, что проекту требуется больше экранов, чем было предусмотрено на этапе прототипирования. Визуальная подача помогла команде по-новому оценить объем контента и увидеть, какие темы стоит раскрыть подробнее. Мы вернулись к структуре, дополнили ее необходимыми экранами и переработали макеты, сохранив общую логику сайта.
После утверждения десктопной версии мы разработали макеты адаптивов для разных разрешений. Несмотря на то, что платформа позволяет адаптировать страницы автоматически, ручная проработка мобильной и планшетной версий дает более предсказуемый результат. Так мы заранее контролируем композицию, читабельность текста, анимацию и качество подачи проекта на разных устройствах.
На практике клиенты нередко исключают адаптивные макеты из сметы, полагаясь на автоматическую адаптацию. Такой вариант возможен, но для проектов, где важны визуальная точность и удобство просмотра, мы рекомендуем отдельно разрабатывать макеты адаптивов.
6. Собрали сайт на Tilda
Когда дизайн был согласован, мы перенесли сайт на Tilda. С первых секунд пользователя «встречает» прелоадер логотипом и паттерном, напоминающим клавиши рояля.
При скролле посетителю показывается несколько рендеров мест общего пользования. Такой прием создан для того, чтобы премиальность проекта считывалась уже с самого начала, без лишних слов.
Далее раскрывается краткая информация о локации дома и чем она примечательна. Именно локация является одним из весомых преимуществ дома. Это подкреплено не только расположением, но и историческим прошлым.
Так как аудитория проекта в большинстве своем состоит из предпринимателей и топ-менеджеров следом уточнили основные точки инфраструктуры наиболее важных для них, разделив на блоки: транспортная доступность, активный отдых, отдыха на свежем воздухе, образовательные учреждения, шопинг.
Далее показали проект в цифрах, где можно увидеть его масштаб.
Необычная архитектура — отличительная особенность Мастерса. Мы вынесли основные преимущества в тезисы. Более подробную информацию пользователь может узнать при наведении на соответствующую кнопку. Более того, при совершении этого действия внешний вид дома меняется, по максимум отражая каждое преимущество.
Дальнейшее повествование связано с благоустройством дома и возможными сценариями жизни в нем. И чтобы закрепить все сказанное, разместили 3д-тур, где можно посмотреть окружение, вид из окон.
После того, как мы отразили все преимущества жизни в доме Мастерс, мы показали варианты планировочных решений со всеми особенностями, рассказали о способах покупки, разместили важный блок с ходом строительства и добавили информацию о застройщике.
7. Подготовили сайт к передаче и запуску
Сайт был сделан на Tilda. Мы предложили выбрать именно эту платформу, так как она наиболее удобна для дальнейшей поддержки сайта. Для клиента это был определяющий фактор. Таким образом, клиент получил не только готовый сайт, но и инструмент, с которым команда сможет работать после запуска: обновлять тексты, менять материалы и поддерживать актуальность информации без необходимости держать в штате программиста.
Результат
В результате клиент получил готовый лендинг на Tilda для жилого комплекса в Москве. Проект прошел полный цикл: от первых вводных и прототипа до дизайна, адаптивов, сборки, технической настройки и передачи сайта.
У застройщика появился понятный и визуально цельный сайт, который можно использовать как посадочную страницу для рекламного трафика и инструмент первичного контакта с потенциальными покупателями.
Сайт помогает последовательно раскрыть ценность жилого комплекса: показать проект, объяснить преимущества, удержать внимание пользователя и привести его к заявке.
У застройщика появился понятный и визуально цельный сайт, который можно использовать как посадочную страницу для рекламного трафика и инструмент первичного контакта с потенциальными покупателями.
Сайт помогает последовательно раскрыть ценность жилого комплекса: показать проект, объяснить преимущества, удержать внимание пользователя и привести его к заявке.
Над проектом работали
менеджмент, аналитика, креатив
Елизавета Шестакова
аналитика, креатив
Тимофей Белоглазов
Дизайн, креатив, верстка
Александр Коломеец
дизайн, креатив
Татьяна Руденко
дизайн, креатив
Даяна Хасанова
аналитика, креатив
Валентин Ревуцкий
Вам также может понравиться