Разработка сайта с каталогом sta-spectech.ru

Разработали сайт-каталог для компании «СтройТехАльянс»: спецтехника, цены и условия аренды. Посмотрите, как реализован проект и его основные разделы.

Заказчик: Компания «СтройТехАльянс»
Домен: sta-spectech.ru
Задача: Сделать удобный сайт, где клиент сразу видит доступную технику, стоимость аренды и условия, может быстро оставить заявку или запросить коммерческое предложение; сократить нагрузку на менеджеров за счёт прозрачной информации; заложить основу для поискового продвижения
Разработчик: Веб-студия MiWix
Платформа: CMS MiWix
Разработка: Под ключ
Тип сайта: Каталог
Основа дизайна: На базе шаблона, выбранного заказчиком
Функционал: Каталог техники с фильтрами по типу и параметрам; карточки единиц техники с фото, ТТХ и ценами; форма заявки с валидацией и отправкой в CRM (управление клиентами); блок FAQ (часто задаваемые вопросы) с частыми вопросами; раздел отзывов; информационный раздел для статей; страница коммерческого предложения для корпоративных клиентов; адаптивная вёрстка; базовая SEO (оптимизация для поисковых систем)-разметка страниц.
Работы: Анализ задач и целевой аудитории; проектирование структуры и прототипа; подбор и адаптация шаблона; разработка каталога и фильтров; наполнение карточек техники; настройка форм и интеграции с CRM (управление клиентами); сборка FAQ (часто задаваемые вопросы) и информационного раздела; подготовка SEO (оптимизация для поисковых систем)-основы (заголовки, описания, семантика); адаптация под мобильные устройства; тестирование на разных экранах и браузерах; финальная отладка и сдача проекта.

Версия для ПК

Версия для планшета

Мобильная версия

К нам пришёл заказчик «СтройТехАльянс», сразу стало понятно: тут не про «красиво», а про «чтобы работало». Компания сдаёт спецтехнику в аренду по Москве и области — у них и манипуляторы, и мини-погрузчики, и катки, и тракторы, и автовышки, и компрессоры… В общем, парк приличный. А проблема была простая: клиенты звонили по сто раз в день с одними и теми же вопросами: «Сколько стоит?», «Есть ли в наличии?», «А можно с оператором?». Менеджеры тонули в рутине, а мы подумали: давайте сделаем так, чтобы человек сам всё увидел — и только если надо, позвонил.

Первым делом взялись за каталог. Не хотели прятать всё за кнопкой «Оставьте заявку» — это вообще бесит, когда тебе даже цену не показывают. Сделали карточки техники: сразу видно модель, характеристики, стоимость аренды за час или смену, условия — доставка, залог, работа с оператором. Открываешь карточку — и там всё, что реально нужно прорабу или снабженцу: габариты, мощность, объём ковша. Никаких загадок.

Потом думали над тем, как не запутать человека. Техники много, условий ещё больше — если вывалить всё на две-три страницы, будет каша. Поэтому разбили информацию по смыслу: отдельный каталог, отдельно условия аренды, про компанию, FAQ (часто задаваемые вопросы), отзывы. На главной собрали самое нужное: что популярно, как всё устроено, как заказать, контакты, ответы на частые вопросы. Так даже новичок быстро разберётся, где что искать.

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

Отдельно заморочились с блоком «Вопросы и ответы». Туда собрали всё, что чаще всего спрашивают по телефону: минимальный срок аренды, работа с частными заказчиками, доставка, длительная аренда, техника с оператором. Если человек найдёт ответ там — отлично, менеджер освободится для более сложных дел. Ещё добавили отзывы — они реально помогают принять решение. И информационный раздел: туда потом можно выкладывать статьи про разные виды техники, кейсы, особенности аренды. Так сайт не просто висит, а живёт и развивается.

SEO (оптимизация для поисковых систем) тоже не оставляли на потом. Нельзя нормально продвигать сайт про спецтехнику, если вся информация на одной странице. Люди ищут конкретно: «аренда экскаватора в Москве», «погрузчик на 3 дня», «каток с доставкой». Поэтому сразу сделали отдельные страницы под категории и виды техники плюс базу для статей. Архитектура получилась гибкой: можно добавлять новые позиции, делать посадочные страницы, публиковать материалы — и не ломать весь проект.

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

Ну и мобильная версия — тут вообще без вариантов. Прорабы и снабженцы чаще всего заходят с телефона: на объекте, в машине, между делами. Поэтому каталог, карточки, формы и контакты адаптировали так, чтобы всё работало и на маленьком экране. Кнопки — крупные, поля — удобные, картинки не «разъезжаются». Чтобы можно было быстро выбрать технику и оставить заявку, даже если интернет не очень.

В итоге получился не просто сайт-визитка, а рабочий инструмент. Клиент сам разбирается, выбирает, оставляет заявку. Менеджеры не тратят время на рутину. А сам сайт можно спокойно развивать: добавлять новые позиции, писать статьи, усиливать продвижение — всё это уже заложено в структуре.