Кейсы
Пересобрали сайт коттеджного посёлка Volga Village: как через структуру и визуал повысили доверие и упростили выбор
Кейсы
Кейсы
Контекст
Volga Village — коттеджный посёлок бизнес-класса на первой береговой линии Волги, в 1 часе от Москвы по трассе М11 или в 20 минутах от курорта Завидово.
Проект реализует девелопер «Новый Город» — один из крупнейших застройщиков Тверского региона. Посёлок рассчитан на семейную аудиторию 30−50 лет и подходит как для постоянного проживания, так и для загородного отдыха.
Ключевая особенность проекта — его локация, а также наличие двух сценариев покупки недвижимости в загородном поселке:
Важно было учесть оба сценария, чтобы не терять клиентов, и максимально понятно объяснить, что доступны две опции.
Кейсы
Кейсы
Проблема
У заказчика был старый сайт, но не решал бизнес-задачи. Он представлял собой набор стандартных блоков без структуры и единой идеи.
В результате:
- сайт не цеплял пользователей
- преимущества посёлка не раскрывались
- пользователи не понимали разницу между покупкой дома и участка
- конверсия была низкой
Кейсы
Кейсы
Проблема
Основная проблема сайта была в том, что ключевая ценность проекта не доносилась. Volga Village — это не просто посёлок, а развивающаяся курортная локация с инфраструктурой и возможностью комфортной жизни для семей с детьми.
Кейсы
Кейсы
Задачи
Передо мной стояли задачи:
- разработать структуру сайта с учётом двух сценариев покупки
- понятно донести преимущества посёлка и локации
- передать атмосферу через визуальную концепцию
- создать дизайн, соответствующий уровню бизнес-класса
- адаптировать сайт под все устройства
- реализовать проект на платформе Tilda Publishing с учётом сроков
Кейсы
Кейсы
С чего начали работу над проектом
Аналитика показала, что большинство сайтов выглядят одинаково: они информируют, но не вовлекают. При этом у них есть и проблема в навигации: страницы перегружены текстами, которые не хочется читать, а после просмотра сайта остается слишком много вопросов.
Поэтому мы начали с пересборки структуры, а затем перешли к разработке визуальной концепции.
Кейсы
Кейсы
Структура и UX
На старом сайте не было логичной структуры: информация была разрознена, сценарии покупки смешаны, навигация неочевидна, поэтому мы полностью пересобрали структуру с опорой на аналитику и SEO.
Главная задача — упростить путь пользователя и сразу разделить сценарии покупки дома и участка.
Кейсы
Кейсы
Проблема
Решение: мы вынесли на главную страницу вторым блоком два ключевых направления:
- покупка дома
- покупка участка
Это позволило сразу сегментировать аудиторию, убрать путаницу и сократить путь пользователя к нужной информации.
Под каждое направление были созданы отдельные страницы с акцентом на разные потребности потенциальных покупателей.
Кейсы
Кейсы
Проблема
Аналитика конкурентов показала, что большинство сайтов решают только информационную задачу и выглядят однотипно. Из-за стандартных решений пользователи видят похожие сайты и не запоминают проект. Поэтому мы уделили особенное внимание этапу разработки визуальной концепции с метафорой, чтобы задать сайту характер и усилить восприятие бренда.
Кейсы
Кейсы
Проблема
Посёлок расположен на первой линии Волги. Вокруг него открытое пространство, горизонт, спокойная вода и чистый воздух.
Так как локация напрямую влияет на выбор покупателей, то мы вдохновились природой вокруг, и в основу дизайна легла метафора соединения неба и воды.
Визуальная идея должна была передавать ощущение масштаба и тишины. Связка неба и воды решает эту задачу лучше всего: она даёт глубину, пространство и воздух.
Кейсы
Кейсы
Проблема
На этом этапе мы также определили цветовую палитру: основной цвет — синий, вдохновлённый небом и водой, как ключевыми элементами природы. Дополнительный цвет — золотистый, чтобы подчеркнуть уровень и премиальность проекта.
Кейсы
Кейсы
Как мы упростили подачу информации
В дизайне мы решили делать акцент на изображениях: показывать больше, чем рассказывать. Тексты сократили до необходимого минимума, чтобы не перегружать пользователя и не отвлекать от визуального восприятия.
Кейсы
Кейсы
Проблема
Тексты не писалиcь с нуля, а перерабатывались. Основной фокус был сделан на заголовки, потому что у клиента были уже довольно неплохие тексты.
Мы ушли от шаблонных формулировок и сделали заголовки блоков говорящими: каждый блок сразу отвечает на вопрос пользователя и доносит ценность.
Кейсы
Кейсы
Дизайн: сложные решения
На этапе дизайна мы столкнулись с несколькими задачами, которые напрямую влияли на восприятие сайта пользователем и конверсию.
Во‑первых, нужно было не потерять пользователей, которые выбирают «купить им дом или участок?». Мы уже разделили сценарии на уровне структуры, но в дизайне это решение усилили: добавили явные визуальные акценты на главном экране, чтобы пользователь с первого касания понимал, куда ему идти дальше. Дополнительно продумали переходы между этими страницами: из каждого сценария есть понятные точки перехода в альтернативный, чтобы пользователь мог легко изучить всю информацию.
Кейсы
Кейсы
Проблема
Во‑вторых, в проекте есть блоки со сложной, но важной информацией — например, про размещение дома на участке. В текстовом виде такие вещи не читают, хотя именно они влияют на решение о покупке. Поэтому мы перевели их в формат анимации: при скролле информация раскрывается по шагам и удерживает внимание. Такая анимация технически сложна в реализации на Tilda, но мы заложили её ещё на этапе прототипирования, заранее оценили объём работ и сроки. За счёт этого смогли реализовать решение без сдвига дедлайнов.
Кейсы
Кейсы
Проблема
Кстати, на первом просмотре готового дизайна главной страницы у заказчика возникло ощущение, что он «слишком стильный».
Что сказал заказчик:
«У нас главный фидбек, что дизайн получился очень красивым, но его нужно упростить, чтобы информация считывалась с первого касания».
Я понимала, что упрощать дизайн в данном случае нельзя: мы потеряем конкурентное преимущество и перестанем запоминаться. Поэтому пришлось подробно аргументировать и защищать решение — показать, как визуальная концепция работает на внимание, помогает быстрее считывать структуру и формирует доверие к проекту.
В итоге мы оставили исходное решение и развили его дальше.
Кейсы
Кейсы
Разработка и запуск
Проект был реализован на Tilda с использованием сложных анимаций. В результате получилось 8 отдельных страниц, каждая из которых решает свою задачу и работает на конкретный пользовательский сценарий.
Несмотря на техническую сложность, сайт был собран в сжатые сроки — за 1 месяц, доделывая 29 декабря последнюю страницу.
(мы все-таки успели)
Кейсы
Кейсы
Что изменилось после запуска
В результате клиент получил:
- полноценный сайт, адаптированный под все устройства
- понятную структуру с разделением сценариев покупки
- визуальную концепцию, отражающую локацию и атмосферу
- чёткое донесение преимуществ посёлка
Сайт стал понятнее с первого просмотра: пользователи быстрее ориентируются в предложении, сразу видят разницу между покупкой дома и участка и находят ответы на ключевые вопросы.
Кейсы
Кейсы
Итог
Мы убрали путаницу между покупкой дома и участка и сделали выбор понятным с первого экрана: пользователь сразу видит два сценария и переходит в нужный раздел без лишних шагов. Переработанная структура сократила путь до ключевой информации — характеристики, условия и преимущества теперь очевидны и не требуют дополнительного объяснения со стороны менеджеров.
Визуальная концепция усилила восприятие проекта. Сайт формирует доверие ещё до первого контакта и работает как инструмент продаж — приводит более подготовленных клиентов и упрощает работу отдела продаж.
Кейсы
