Задача
Выбор модульного дома начинается с представления о жизни в нём, но продолжается множеством практических вопросов. Какая модель подойдёт? Какие отделка и оборудование понадобятся? Как выбор повлияет на цену? В проекте Zogal House сайт должен был помочь посетителю перейти от визуального интереса к конкретному, понятному компании запросу.
Мы разработали многоязычный сайт, который объединяет презентацию компании, производства и реализованных проектов с каталогом домов и конфигуратором. В одной среде можно изучить предложение и начать выбирать комплектацию своего дома. Задача состояла в том, чтобы подробные возможности не перегружали первое впечатление, а визуальная презентация не затмевала важные вопросы.
Другой точкой отсчёта стала работа команды компании. Обращение полезнее, когда в нём сохранён выбор клиента, а не только общий интерес к дому. Поэтому наряду с публичным сайтом мы создали сохранение конфигураций, сводки, уведомления и панель управления контентом и данными предложения.
Что мы сделали
В дизайне мы искали баланс между визуальной презентацией домов и информацией, необходимой для принятия решения. Крупные изображения помогают почувствовать характер и объём дома, а текст должен объяснять предложение. Зеленоватый акцент, тёмные элементы и светлый фон создают общее оформление, связывающее разделы сайта. Мы хотели, чтобы презентация компании и практический инструмент выбора воспринимались как единый опыт.
В конфигураторе особенно важна понятность вариантов. Отделка, оборудование и дополнительные услуги влияют на то, что клиент хочет получить, поэтому расчёт цены должен соответствовать выбранной комплектации. Наша цель — дать посетителю возможность уточнить свои пожелания, сохраняя представление об общем предложении. Задача дизайна здесь — помогать ориентироваться и тогда, когда информации становится больше.
Мы думали и о том, что происходит после посещения сайта. Дом обычно не выбирают за один короткий разговор, и к подготовленному варианту может понадобиться вернуться. PDF-сводка и уведомления позволяют клиенту и компании обращаться к одной конкретной конфигурации. Это помогает продолжить обсуждение выбранных решений и уточнить следующие вопросы.
- Разработали дизайн и структуру контента для услуг компании, производства, реализованных проектов и новостей. Эти разделы дают контекст перед выбором конкретного дома.
- Создали каталог моделей домов и конфигуратор. Клиент может выбрать отделку, оборудование и дополнительные услуги, а расчёт цены связывает эти решения со стоимостью комплектации.
- Реализовали сохранение конфигурации и формирование PDF-сводки. Уведомления по электронной почте клиенту и команде компании помогают передать информацию для дальнейшего общения.
- Разработали контактные формы с вложениями и панель управления. Команда может управлять контентом сайта и данными конфигуратора в одной рабочей среде компании.
- Внедрили многоязычный контент, локализованные URL, метаданные для поисковых систем и карту сайта. Это позволяет структурированно представлять предложение аудиториям на разных языках.
- Технологии: Laravel, Vue, Inertia.js, Tailwind
Результат
Сайт Zogal House связывает вдохновение с практическим выбором. Посетитель может познакомиться с компанией и её домами, составить конфигурацию и получить её сводку. Так посещение сайта может продолжиться предметным разговором о выбранной модели и комплектации.
Команда компании получает структурированный запрос с выбором клиента и может управлять данными предложения через административную панель. Суть проекта — в этой связи: убедительная визуальная презентация знакомит с домами, а конфигуратор и инструменты управления позволяют продолжить работу с интересом клиента. Мы стремились к тому, чтобы широкий выбор оставался понятным, а процесс выбора дома — спокойным и последовательным.