Сайт Рент-Зона

«РЕНТ-ЗОНА» — аренда спецтехники по Москве и области: 40+ видов машин, от экскаваторов и кранов до катков и самосвалов. Сайт должен был показать масштаб парка и статус техники в реальном времени, оставаясь удобным для быстрого заказа.

изображение блока

	
        

Какие задачи перед нами стояли

Показать масштаб парка спецтехники (40+ видов машин, вся Москва и область) и live-статус техники по текущим объектам — не усложнив при этом путь клиента от заявки до брони.

Клиент
Клиент
Компания по аренде спецтехники РЕНТ-ЗОНА
стек
стек
HTML / SCSS / JS / MODX
срок
срок
4 недели
  1. Оценка конкурентов в нише
  2. Сбор семантики и кластеризация запросов
  3. Составление структуры будущего веб-сайта
  4. Разработка рабочих прототипов главной страницы и основных целевых страниц
  5. Написание подробного, понятного для заказчика и исполнителя Технического Задания
  6. Разработка дизайн-макета главной страницы, а также целевых внутренних страниц (для десктопа и для мобильных устройств)
  7. Адаптивная верстка дизайн-макетов и настройка функциональных модулей
  8. Настройка работы сайта на CMS для удобного администрирования сайта
  9. Техническая оптимизация сайта, базовая SEO оптимизация
  10. Наполнение сайта контентом (фото, тексты, и так далее)
  11. Продвижение сайта в ТОПы поисковых систем

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

https://spectehnika-v-moskve.ru/
9:41
Картинка из кейса

Айдентика и интерфейс

<strong>Айдентика </strong>и  <strong>интерфейс</strong> 1
<strong>Айдентика </strong>и  <strong>интерфейс</strong> 2
<strong>Айдентика </strong>и  <strong>интерфейс</strong> 3
<strong>Айдентика </strong>и  <strong>интерфейс</strong> 4

подробно ознакомились с задачей клиента

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

изучили рынок и конкурентов

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

собрали актуальную семантику

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

прописали meta для целевых страниц

Оптимизировали Title, Description и микроразметку в соответствии с контентом сайта для повышения видимости в поисковых системах с использованием актуальных SEO-практик.

создали дерево сайта и услуг

Основные разделы сайта:

  • Главная
  • Автопарк (Тралы, Манипуляторы, Экскаваторы, Краны, Погрузчики, Бульдозеры, Шаланды, Катки, Вибропогружатели и т.д.)
  • Услуги (Вывоз грунта, Вывоз строительного мусора, Перевозка спецтехники, и т.д.)
  • Нерудные материалы (Песок, Щебень, Грунт, Торф, и т.д.)
  • Вторичные материалы (Бой бетона, Бой кирпича, Асфальтовая крошка)
  • Оплата и доставка
  • О компании (Новости, Сотрудничество, Вакансии, Вопрос-Ответ, Контроль качества)
  • Контакты

разработали прототипы и дизайн-макеты страниц

Были разработаны следующие прототипы и дизайн-макеты:

  • Оффер
  • SEO блок
  • Преимущества компании
  • Блок Цен на сваи
  • Блок ОС
  • Блок Услуг компании
  • Блок Схема работ
  • Блок Портфолио
  • Блок ОС
  • Блок Отзывов клиентов
  • Блок Сертификатов компании
  • Блок Контакты

На внутренних страницах также использовались блоки: Дескриптор, Каталог, Дополнительные текстовые блоки, Блоки статей, Блоки специалистов, Калькулятор и т.д.

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

  • Разработана адаптивная верстка всех страниц сайта с использованием HTML5, CSS3 и JavaScript.
  • Сайт корректно отображается на всех современных устройствах (компьютеры, планшеты, смартфоны) и браузерах.
  • Реализована интерактивность сайта с использованием JavaScript (анимации, всплывающие окна, слайдеры).
  • Реализованы формы обратной связи и валидация данных на стороне клиента с использованием JavaScript.
  • Реализована обработка отправки форм (отображение сообщений об успехе/ошибке).
  • Реализован просмотр фотографий в галерее с использованием слайдера.
  • Реализована возможность увеличения фотографий при клике. Галерея адаптирована под разные размеры экранов.
  • Реализована навигация по сайту с использованием меню.

настроили работу сайта на cms

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

наполнили сайт материалами

С нашей стороны были выполнены работы по наполнению материалов заказчика, по их доработке под SEO, оформлению и наполнению. А также часть материалов мы создали самостоятельно.

протестировали и настроили работу сайта на хостинге

Протестировали работу сайта по PageSpeed, проверили сайт на наличие/отсутствие ошибок, настроили файлы sitemap.xml и robots.txt, настроили ЧПУ, настроили модуль SEO Pro, проверили сайт на валидаторе кода, прописали все meta, настроили работу сайта на https протоколе, и т.д.

результат

1
Месяца активной разработки
20+
Страниц наполнено
90+
Результат по PageSpeed
Протестировали работу сайта по PageSpeed, проверили сайт на наличие/отсутствие ошибок, настроили файлы sitemap.xml и robots.txt, настроили ЧПУ, настроили модуль SEO Pro, проверили сайт на валидаторе кода, прописали все meta, настроили работу сайта на https протоколе, и т.д.

Ваш проект может быть следующим

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

Заполнить бриф