Разработка сайта для эко-кластера «Органика» с интерактивным генпланом
О проекте
Органика" — жилой эко-кластер в 20 минутах от Челябинска: 400 га заповедного леса, 130 га жилого района, 18 тематических кварталов с собственной архитектурой, более 900 домовладений.
Мы разработали сайт, на котором покупатель проходит путь от концепции до общего генплана с домами и участками, не листая каталог. Застройщик — ООО СЗ «Органика», девелопер проекта — «ЭРА девелопмент».
Задача
Перед нами стояла задача создать цифровой фасад бренда, который с первых секунд транслирует уровень проекта и помогает покупателю бесшовно пройти путь от знакомства с философией девелопера до выбора конкретного дома и лесного участка на интерактивной карте.
Важно было уйти от сухих каталожных списков и дать клиенту эмоциональный, но предельно понятный UX-опыт, подчеркивающий масштаб территории, продуманность инфраструктуры и архитектурную эстетику каждого квартала.
Важно было уйти от сухих каталожных списков и дать клиенту эмоциональный, но предельно понятный UX-опыт, подчеркивающий масштаб территории, продуманность инфраструктуры и архитектурную эстетику каждого квартала.
Концепция
Покупка дома за 15−36 млн ₽ начинается с ответа на вопрос, как здесь жить, поэтому концепцию мы вынесли в начало сайта.
- Первые экраны показывают масштаб цифрами: 400 га леса, 5 км маршрутов для бега и велоспорта, более 50 тыс. м² общественных пространств.
- Дальше сайт раскладывает жизнь в посёлке по пяти направлениям: инфраструктура, безопасность и приватность, инженерные решения, сервис, своя атмосфера.
- Архитектурный стиль первой очереди, минимализм со скандинавской эклектикой и панорамным остеклением, задаёт визуальный язык всего сайта.
Полноэкранные карточки каталога на главной странице
Каталог домов на главной сделали в виде уникальных полноэкранных карточек. В каждой карточке площадь, этажность, количество спален, размер участка, стоимость и кнопка «Смотреть планировку». Покупатель сравнивает Крафт на 106 м² с Нордом на 133 м² и видит разницу сразу, без перехода на отдельные страницы.
Интерактивный генплан, подбор дома и инфраструктура
Навигация в 3 клика
Разработали три кастомных интерактивных плана: общий мастер-план, план первой очереди «Открытие» на 105 домовладений и план «Заповедный» с лесными участками. Покупатель проходит бесшовный путь в 3 клика: от масштаба всего эко-кластера к конкретному участку с домом.
Инфраструктура на карте
На общем плане и на плане «Открытия» отметили ключевые объекты — лицей-пансион, детский сад, спортивный клуб, SPA, рестораны и коворкинги. Покупатель видит окружение своего будущего дома на карте, а не верит описанию в тексте.
Подбор планировки
В первой очереди «Открытие» представлены шесть типов домов (Крафт, Винд, Норд, ВЕРТ, ФЬОРД, Апекс от 106 до 241 м²). Выбранная планировка мгновенно подсвечивается на схеме — видно расположение, количество и окружение таких домов на улице.
Детализация и статусы
На схеме сразу видны точные размеры участков (от 4 до 15 соток), а среди 105 домовладений наглядно выделены 24 дома с готовой дизайнерской отделкой.
Адаптивный UI и быстрый генплан на мобильных
Тяжелая графика и интерактивные SVG-карты генплана были адаптированы под смартфоны: удобное масштабирование (pinch-to-zoom), быстрый свайп карточек домов и оптимизированный вес графики без потери качества.
Первая очередь «Открытие»
Подбор дома на плане
План первой очереди «Открытие» на 105 домовладений заточен под подбор готового дома. В очереди представлено шесть планировок: Крафт, Винд, Норд, ВЕРТ, ФЬОРД, Апекс (от 106 до 241 м²). Выбранный тип дома подсвечивается на интерактивном плане, показывая его точное расположение на улице. Дополнительно на плане выделены 24 дома с готовой дизайнерской отделкой.
Квартал «Заповедный»
Земельные участки в лесу
«Заповедный» — это закрытый приватный квартал для тех, кто хочет построить дом по индивидуальному проекту. На интерактивном плане «Заповедного» сделан акцент на приватности, границах и расположении земельных участков (от 4 до 15+ соток) прямо среди заповедного леса. Покупатель может оценить формации деревьев, примыкание к лесному массиву и сопоставить расположение участка с тишиной и инсоляцией.
Типографика и цвета
Результаты
За [N] дней мы разработали сайт, на котором весь посёлок читается в три уровня: генплан, очередь, участок с домом. Он отличается от типовых страниц застройщиков тем, что покупатель выбирает дом на плане, а не в списке. За [период] после запуска сайт принёс [N] заявок [и вышел в ТОП-[N] Яндекса по запросам вроде «[запрос]"].
30 дней
От концепции до запуска
3 плана
Генплан, «Открытие», «Заповедный»
6 планировок
Подсвечиваются на плане первой очереди
N заявок
Заявок в месяц / позиций в выдаче
