OTDRAIM.BY

Сайт для компании, занимающейся стиркой ковров и мебели

Дата запуска июнь 2026

React
Laravel
Vite
Docker
MySql
CSS
Evolution CMS
Redis

VSCode
PhpStorm
Figma
Photoshop
Illustrator
Terminal
Git
GitHub
Billing Qmedia
Bitrix24
Cypress
Swagger

О клиенте

«Отдраим» — компания из Гомеля, специализирующаяся на стирке ковров и химчистке мягкой мебели. Компания оказывает услуги для частных клиентов и работает с разными видами текстильных изделий и мебели. Основной акцент — на качественном результате, профессиональном подходе и удобстве для клиента.

О проекте

Для компании «Отдраим» мы разработали имиджевый многостраничный сайт, который объединил все основные направления бизнеса и стал полноценным инструментом продаж. В отличие от предыдущей версии-лендинга, новый сайт получил расширенную структуру, интерактивный калькулятор и интеграцию с системой заказов и CRM. При проектировании также учли задачи SEO и возможность дальнейшего расширения сайта новыми услугами.

Основные задачи

Масштабируемая структура
Создать многостраничную архитектуру с отдельными страницами для каждой услуги и возможностью легко добавлять новые направления.
SEO-продвижение
Заложить SEO-структуру сайта и подготовить страницы под широкий спектр поисковых запросов.
Воронка продаж
Выстроить путь пользователя от знакомства с услугой до расчёта стоимости и оформления заявки.
Интерактивный калькулятор
Добавить калькулятор для предварительного расчёта стоимости услуг и передачи заявки в CRM.
Работа с разными сегментами ЦА
Учесть потребности частных клиентов и организаций, создав для них отдельные предложения и страницы.

01 — Проектирование

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

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

Отдельно проработали пользовательский путь и логику переходов между разделами:

Знакомство с услугой
Преимущества и примеры работ
Предварительный расчёт стоимости
Заявка
Передача обращения в CRM.

При проектировании также учитывали разные группы клиентов — частных лиц и организации. Для них предусмотрели отдельные предложения и сценарии взаимодействия с сайтом. Параллельно заложили основу для SEO-продвижения: продумали структуру страниц, URL и содержание посадочных страниц под различные поисковые запросы.

02 — Дизайн и вёрстка

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

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

Основные акценты:

Главная страница: Агрегатор всех услуг с быстрыми ссылками на ключевые разделы. Блок с личным обращением руководителя для создания доверия.
Страницы услуг: Каждый раздел оптимизирован под свой ключевой запрос, созданы страницы под контретную услугу.
Каталог услуг: Реализована логичная навигация с фильтрацией для быстрого поиска нужного типа обработки.
Галерея: Интерактивные слайдеры с примерами работ на каждой странице услуги, демонстрирующие результат и сложные случаи (пятна от грязи, жира, красок).
Калькулятор (Марквиз): Интегрирован как в карточку услуги, так и в виде отдельного виджета. Позволяет пользователю выбрать параметры и получить предварительную цену.
Конверсия: Множественные CTA-кнопки и формы обратной связи по всему сайту, интегрированные в контент.

03 — Программирование

Для реализации проекта была выбрана CMS MODx evolution, обеспечивающая гибкость управления контентом, быстродействие и возможности для SEO-оптимизации. Ключевым элементом стала интеграция с внешними сервисами для автоматизации продаж.

Ключевые реализации:

Интерактивный калькулятор (Марквиз):
Разработан и интегрирован виджет предварительного расчета стоимости.
Настройка логики расчета в зависимости от типа услуги, материала, площади и сложности загрязнения.
Возможность отправки рассчитанной заявки вместе с параметрами напрямую в CRM.

Интеграция с CRM Bitrix24:

Настроена автоматическая передача лидов из всех форм на сайте (заявка, консультация, расчет) в Bitrix24.
Настроена воронка продаж: Каждая заявка попадает на соответствующий этап (Новый лид → Обработка → Назначена встреча → Оплата → Выполнено) с присвоением статуса менеджеру.
Настроены автоматические уведомления для менеджеров о новых заявках и напоминания о задачах.

Масштабируемая архитектура:

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

Техническая реализация:

Адаптивная верстка для безупречного отображения на всех устройствах.
Настройка SEO: Генерация уникальных мета-тегов для каждой страницы, настройка человеко-понятных URL, создание карты сайта.
Оптимизация скорости загрузки: Минификация CSS/JS, использование веб-форматов изображений, настройка кеширования.
Внедрение счетчиков аналитики Google Analytics и Яндекс.Метрика для отслеживания поведения пользователей и эффективности воронки.
Технологический стек: MODX evolution, PHP, JavaScript, Bitrix24, HTML, CSS.

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