Логотип

Сайт Манипулятор СПб

Компания сдает в аренду надежные и современные манипуляторы для погрузки, разгрузки и перевозки тяжеловесных грузов

Разработка
manipulator-spb.ru
Кейс сайта Манипулятор СПб

потребность заказчика

Основная задача - стать лидером в своей нише.

Для ее реализации необходимо было создать и продвинуть сайт по тематическим запросам в поисковых системах Яндекс и Google.

Сроки работ

Разработка сайта:

Май-Август 2021

Продвижение:

Август 2021 - по настоящее время

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

  • Оценка конкурентов в нише

  • Сбор семантики и кластеризация запросов

  • Составление структуры будущего веб-сайта

  • Разработка рабочих прототипов главной страницы и основных целевых страниц

  • Написание подробного, понятного для заказчика и исполнителя Технического Задания

  • Разработка дизайн-макета главной страницы, а также целевых внутренних страниц (для десктопа и для мобильных устройств)

Картинка задач Сайт Манипулятор СПб
  • Адаптивная верстка дизайн-макетов и настройка функциональных модулей

  • Настройка работы сайта на CMS для удобного администрирования сайта

  • Техническая оптимизация сайта, базовая SEO оптимизация

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

  • Продвижение сайта в ТОПы поисковых систем

Технологии, которые мы использовали

Для реализации данного проекта мы использовали:

  • Axure RP
  • Figma
  • Adobe Photoshop
  • Яндекс.Вордстат
  • MODx CMS
  • HTML
  • CSS
  • JavaScript
  • PHP
  • Инструменты Microsoft Office
  • и др.
ModX ModX
Figma Figma
Django Django
HTML HTML
CSS CSS
JavaScript JavaScript
Python Python
ChatGPT ChatGPT
Photoshop Photoshop
Adobe Illustrator Adobe Illustrator
Yandex Yandex
Google Google
CloudFlare CloudFlare
Bitrix24 Bitrix24
Axure Axure

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

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

Данная ниша довольно "узкая", но и здесь есть существенная конкуренция.

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

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

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

Данные услуги были отсортированы по направлениям.

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

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

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

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

  • Главная
  • Техника (Манипуляторы вездеход, Мини-манипулятор, Бортовые манипуляторы, По длине борта и проч.)
  • Услуги (Строительно-монтажные работы, Перевозка тяжеловесных грузов, Перевозка спецтехники и проч.)
  • Контакты

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

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

  • Главная
  • Техника (Манипуляторы вездеход, Мини-манипулятор, Бортовые манипуляторы, По длине борта и проч.)
  • Услуги (Строительно-монтажные работы, Перевозка тяжеловесных грузов, Перевозка спецтехники и проч.)
  • Контакты

Для каждого из них были разработаны мобильные версии макетов.

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

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

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

Реализована навигация по сайту с использованием меню.

Дизайн-макеты

Показана картинка Дизайн-макеты 1
Показана картинка Дизайн-макеты 2
Показана картинка Дизайн-макеты 3
Показана картинка Дизайн-макеты 4
Показана картинка Дизайн-макеты 5
Показана картинка Дизайн-макеты 6

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

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

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

Оптимизация производительности: проведена оптимизация кода для ускорения загрузки страниц и повышения общей производительности сайта.

После завершения интеграции начался процесс тестирования и проверка функциональности всех элементов.

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

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

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

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

как итог

Получили полностью функциональный, наполненный, адаптивный и оптимизированный веб-сайт.

Продвинули сайт в ТОПы поисковых систем Яндекс и Google.

3
месяца активной разработки
10
месяцев активного продвижения
10+
страниц наполнено
90-100
результат по PageSpeed
топ 10
позиции в Yandex и Google

наши контакты

Санкт-Петербург, Московский проспект, 183-185Ак7

info@saytspb.ru

Рабочие дни: пн-пт с 09:00 до 18:00

Выходные дни: сб-вс