Сервисы и платформы

Сайт аренды техники

Заказчик: Самогрузы Сибири

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

Посетить сайт
HTMLCSSSassjQueryPHP
Сайт аренды техники

Коротко о проекте

Проблема

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

Что сделали
  • Каталог техники с характеристиками и начальными тарифами
  • Галерея с полноэкранным просмотром фотографий
  • Формы с проверкой полноты телефона и обязательным согласием
  • Связь через Telegram, WhatsApp и MAX
Чего хотели добиться
  • Обновить сайт с сохранением фирменного стиля
  • Упростить сравнение техники по характеристикам и тарифам
  • Доработать формы заявок и способы связи

Хотите так же у себя? Расскажите о задаче — предложим решение и оценим сроки.

Каталог для выбора техники

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

Сохранили фирменную палитру: красные и лимонные акценты заменили золотыми, перерисовали логотип. Цены и характеристики в каталоге предоставил заказчик.

Карточки самогрузов с фотографиями, характеристиками и начальной стоимостью для сравнения техники
Карточки самогрузов с фотографиями, характеристиками и начальной стоимостью для сравнения техники

Фотографии техники в работе

Галерею собрали в сетку: фотографии показывают машины с грузами и работу манипуляторов. Снимки открываются во весь экран, а кнопка «Показать ещё» позволяет продолжить просмотр.

Галерея с примерами перевозок помогает оценить, какие грузы перевозит компания
Галерея с примерами перевозок помогает оценить, какие грузы перевозит компания

Заявки и способы связи

Во все формы добавили маску телефона и проверку полноты номера. Заявка принимается только после согласия на обработку персональных данных. Подготовили страницы согласия и политики конфиденциальности с данными оператора, добавили уведомление о cookie.

В шапке, подвале, контактах и формах разместили кнопки Telegram, WhatsApp и MAX. Посетитель может оставить номер для обратного звонка или сразу написать в привычный мессенджер. Клики по телефону и мессенджерам учитываются в Яндекс Метрике.

На первом экране — форма с согласием на обработку данных и кнопки мессенджеров
На первом экране — форма с согласием на обработку данных и кнопки мессенджеров

Обращение с телефона

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

Внизу экрана разместили панель со звонком, заявкой и мессенджерами. Основные способы связи доступны при просмотре сайта.

Мобильная форма и нижняя панель позволяют оставить заявку, позвонить или написать
Мобильная форма и нижняя панель позволяют оставить заявку, позвонить или написать
Техническая часть

Техническая часть

Сайт работает на HTML, CSS, Sass, jQuery и PHP на хостинге заказчика. Согласие на обработку данных проверяется в браузере и на сервере. Доступ к служебным файлам закрыли, неработающие сторонние блоки удалили, jQuery подключили с сервера сайта.

Для поисковых систем добавили canonical, разметку LocalBusiness и карту сайта, исправили robots.txt и альтернативные подписи к изображениям. Настроили Open Graph для оформления ссылок при публикации.

Целевая аудитория

  • Заказчики аренды самогрузов, эвакуаторов и длинномеров в Новосибирске
  • Заказчики перевозки негабаритных грузов

Что нужно пользователю

Job to be done — от ситуации к результату

Ситуация

Мне нужно перевезти груз и найти технику, которая подходит по грузоподъёмности, размерам и стоимости аренды

Задача

Арендовать подходящую машину напрямую у собственника без наценок посредников

Результат

Могу заранее сопоставить характеристики и начальные тарифы и обратиться к владельцу техники удобным способом

Что внутри

1

Каталог техники с характеристиками и начальными тарифами

2

Галерея с полноэкранным просмотром фотографий

3

Формы с проверкой полноты телефона и обязательным согласием

4

Связь через Telegram, WhatsApp и MAX

5

Нижняя панель действий в мобильной версии

6

Учёт кликов по телефону и мессенджерам в Яндекс Метрике

Как работали

1

Обновление оформления и карточек техники

2

Доработка галереи и блока отзывов

3

Обновление форм и страниц обработки данных

4

Доработка мобильной версии и способов связи

5

Настройка аналитики и поисковой разметки

6

Ограничение доступа к служебным файлам

Как это выглядит

Нужен похожий проект?

Расскажите о задаче — оценим объём, сроки и стоимость, предложим решение. Есть ТЗ — загрузите его и получите предварительную цифру за несколько минут.

Оценить по ТЗ