Разработка сайта для производителя ворот, дверей и рольставней DoorHan

Перед нами стояла задача перенести действующий сайт официального представителя DoorHan на платформу Smink. Важно было сохранить рабочую структуру, каталог, региональные страницы, формы заявок и привычные сценарии пользователей, но при этом улучшить управляемость сайта и подготовить основу для дальнейшего развития.

Проект требовал аккуратной миграции — сайт уже использовался клиентом как интернет-магазин и как основной канал обращений по товарам и услугам. Мы работали с действующим продуктом, где любые изменения должны были быть продуманными и безопасными для бизнеса.

Что было важно учесть

Компания работает в промышленной сфере и представляет сертифицированную продукцию DoorHan. Поэтому визуальная система сайта должна была выглядеть сдержанно, надежно и технически точно. В качестве акцентного цвета использовали темно-синий оттенок, а в интерфейсе применили слегка закругленные углы, это позволило сделать сайт современнее, но не увести его в слишком мягкую или декоративную подачу.

В основе проекта были несколько ключевых задач:

• Перенести действующий сайт на Smink без потери структуры и пользовательских сценариев.

• Сохранить каталог товаров и сделать его удобным для просмотра.

• Настроить региональность для разных городов.

• Подготовить систему переменных для контактной информации.

• Реализовать калькулятор расчета стоимости продукции.

• Настроить передачу заявок и заказов в amoCRM.

• Разработать структуру страниц услуг с понятной логикой убеждения.

• Подключить региональные поддомены для отдельных городов.

Главная страница и каталог

Так как сайт выполняет роль интернет-магазина, на главной странице мы вывели полный каталог продукции. При этом важно было не перегрузить первый экран и не превратить страницу в длинный список категорий. Для этого каталог был организован компактно —пользователь может быстро увидеть основные направления и перейти к нужному разделу.

Особое внимание уделили тому, чтобы каталог был понятен разным типам клиентов. На сайте представлены товары для частных домов, бизнеса, торговли, промышленности и инфраструктурных объектов, поэтому навигация должна была работать не только по названиям товаров, но и по реальным задачам покупателя.

В структуре каталога продуманы:

• Основные товарные категории с вложенными направлениями.

• Быстрый переход к популярным разделам.

• Отдельные подборки товаров — популярные позиции, новинки, акции и рекомендации.

• Карточки товаров с ценой, характеристиками, описанием и формой заказа.

• Дополнительные блоки с консультацией, чтобы пользователь мог уточнить детали перед покупкой.

Региональность и контактная информация

Одна из важных частей проекта — региональная логика. У компании несколько офисов в разных городах, поэтому контактная информация на сайте должна меняться в зависимости от выбранной геолокации. Для этого вся контактная информация была вынесена в переменные.

Такой подход упростил управление сайтом — адреса, телефоны, режим работы и другие данные можно менять централизованно, не редактируя вручную каждую страницу.

Региональные поддомены

Для проекта были подключены региональные поддомены. Это позволило разделить сайт по городам и показывать пользователям актуальные контакты, адреса и условия работы для выбранного региона.

Региональная структура важна для бизнеса такого типа — покупатели обычно ищут поставщика и монтажную команду рядом с собой, поэтому сайт должен сразу показывать локальную информацию. Это повышает доверие и сокращает путь от первого посещения до заявки.

Страницы услуг

Для услуг была разработана отдельная структура, которая помогает не просто описать направление, а довести пользователя до обращения. Страница услуги строится по понятной системе — сначала человек видит суть предложения, затем преимущества, типовые проблемы, подробное объяснение, отзывы, ответы на частые вопросы и форму заявки.

Такая структура особенно важна для ремонта, установки и сервисных работ, где пользователь часто приходит на сайт с конкретной проблемой и хочет быстро понять, можно ли ее решить.

На страницах услуг предусмотрены:

• Первый экран с названием услуги, кратким обещанием и быстрыми способами связи.

• Блок преимуществ, где сразу объясняется, почему можно доверить работу компании.

• Описание типовых неисправностей и ситуаций, с которыми обращаются клиенты.

• Развернутый текстовый блок для поискового продвижения и экспертного объяснения услуги.

• Отзывы клиентов, которые усиливают доверие.

• FAQ с ответами на основные вопросы перед обращением.

• Повторные призывы к действию в ключевых местах страницы.

Калькулятор стоимости

Для сайта был подготовлен и добавлен калькулятор расчета стоимости продукции. Он нужен для пользователей, которые хотят заранее оценить примерный бюджет и понять порядок цен до общения с менеджером.

Калькулятор выполняет сразу несколько задач:

• Помогает пользователю быстрее сориентироваться в стоимости.

• Снижает количество однотипных вопросов к менеджерам.

• Делает сайт более полезным на этапе выбора.

• Поддерживает сценарий предварительного расчета перед заявкой.

Для промышленной и строительной тематики это особенно важно, потому что итоговая стоимость часто зависит от конфигурации, размеров, комплектации и условий монтажа.

Интеграция с amoCRM

На сайте была подключена интеграция с amoCRM. Теперь заказы и заявки, которые поступают через сайт, автоматически синхронизируются с CRM клиента.

В amoCRM передаются:

• Данные покупателя.

• Данные формы.

• Состав заказа.

• Сумма заказа.

• Способ оплаты.

Благодаря этому менеджеры получают заявки в рабочей системе без ручного переноса данных. Это снижает риск ошибок, ускоряет обработку обращений и помогает клиенту сохранять контроль над продажами.

Что получилось в результате

В результате сайт был перенесен на Smink и получил более удобную основу для дальнейшего управления. Мы сохранили ключевые разделы и пользовательские сценарии, перенесли большой каталог, настроили региональность, подключили CRM и добавили функциональные доработки, которые помогают клиенту работать с заявками и контактными данными.

В проекте было продумано несколько уровней работы:

• Сдержанный промышленный стиль, темно-синий акцентный цвет и аккуратные формы интерфейса.

• Большой каталог, услуги, решения, контакты, калькулятор и служебные страницы собраны в понятную систему.

• Пользователь может выбрать товар, рассчитать стоимость, отправить заявку или связаться с офисом своего города.

• Контакты работают через переменные, заявки уходят в amoCRM, региональные версии сайта разделены по поддоменам.

• В процессе проекта был добавлен новый функционал для более гибкой работы с переменными.