Сайт МОС Перевоз

о проекте

https://mos-perevozka.ru/

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

Задача проекта — создать сильную цифровую основу для роста компании в конкурентной нише.

Для этого требовался новый сайт с продуманной структурой посадочных страниц и технической подготовкой к поисковому трафику.

Сроки работ

Разработка сайта: Май-Август 2021

Скриншот МОС Перевоз

Что требовалось сделать

  • Оценка конкурентов в нише
  • Сбор семантики и кластеризация запросов
  • Составление структуры будущего веб-сайта
  • Интерактивные прототипы главной и ключевых целевых страниц
  • Фиксация требований в понятном техническом задании
  • Дизайн главной и внутренних страниц для компьютеров и мобильных устройств
  • Адаптивная реализация макетов и подключение функциональных модулей
  • Интеграция с CMS и настройка удобного управления содержанием
  • Оптимизация скорости и базовая техническая SEO-подготовка
  • Редактирование и размещение текстов, изображений и других материалов
  • Продвижение сайта в ТОПы поисковых систем
Иконка

Погрузились в задачу и изучили рынок

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

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

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

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

Поисковые запросы объединили в тематические группы и использовали их как основу для структуры разделов и услуг.

Услуги распределили по понятным пользователю направлениям.

Подготовили метаданные и разметку целевых страниц

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

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

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

  • Главная
  • Страницы услуг: грузовое такси, переезды, перевозка мебели и бытовой техники
  • Каталог автопарка: манипуляторы, эвакуаторы, бортовые машины и другая техника
  • Прайс-лист
  • О компании
  • Акции
  • Контакты

разработали прототипы страниц

В прототип главной страницы вошли ключевые смысловые блоки:

  • Главная
  • Услуги
  • Услуга
  • Автопарк
  • Страница техники
  • Прайс-лист
  • О компании
  • Акции
  • Контакты

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

Подготовили макеты основных типов страниц:

  • Главная
  • Услуги
  • Услуга
  • Автопарк
  • Страница техники
  • Прайс-лист
  • О компании
  • Акции
  • Контакты

Для каждого макета предусмотрели отдельное адаптивное решение.

Реализовали адаптивный интерфейс

Все страницы реализовали на HTML, CSS и JavaScript и адаптировали для компьютеров, планшетов и смартфонов. Отображение проверили в современных браузерах.

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

Настроили понятную навигацию и меню для основных разделов.

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

После вёрстки интегрировали страницы в CMS и настроили управление содержанием сайта.

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

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

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

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

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

Провели финальное тестирование и разместили сайт

Проверили скорость и код, настроили HTTPS, человекопонятные адреса, sitemap.xml, robots.txt и метаданные. После контрольного тестирования опубликовали проект на хостинге.

как итог

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

3

Месяца активной разработки

10

Месяцев активного продвижения

100+

Страниц наполнено

90-100

Результат по PageSpeed

ТОП10

Позиции в Яндекс и Google

оставить заявку

Какие технологии мы используем

Сloudflare
Bitrix24
ModX
Figma
DLango
HTML
CSS
JavaSript
Python
chatGPT
Photoshop
AI
Yandex
Google
Axure

Почему с нами удобно работать

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

  • Под ключ

    Структура, дизайн, разработка и запуск

  • Поэтапно

    Промежуточные согласования

  • В договоре

    Состав, сроки и стоимость работ

  • Адаптивно

    Смартфоны, планшеты и компьютеры

  • SEO-основа

    Метаданные, структура и индексация

  • Поддержка

    Помощь после запуска сайта

Наши скилы

UX / UI / Prototype

Металлический олень и схема прототипа интерфейса

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

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

Дизайн

Металлический олень в композиционной сетке

Веб-дизайн объединяет визуальный образ бренда, логику интерфейса и требования разработки. Его задача — не просто украсить страницу, а помочь посетителю быстро понять предложение и выполнить нужное действие.

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

Frontend

Металлический олень и слои пользовательского интерфейса

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

Используем HTML, CSS, JavaScript и подходящие проекту инструменты. Следим за скоростью, доступностью и точностью реализации макетов, чтобы интерфейс был одинаково понятным и надёжным как на лендинге, так и в сложном веб-сервисе.

Backend

Внутренняя цифровая архитектура металлического оленя

Backend отвечает за внутреннюю работу сайта: обработку данных, бизнес-логику, интеграции, личные кабинеты и обмен с внешними сервисами. В зависимости от задачи используем PHP, Python, Node.js и другие подходящие технологии.

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

SEO

Металлический олень и схема технической SEO-структуры

Техническая SEO-подготовка закладывается ещё при разработке: логичная структура, корректные заголовки и метаданные, высокая скорость, понятные адреса страниц и возможность индексирования. Это создаёт основу для дальнейшего продвижения сайта.

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

SOFT

Металлический олень и система инструментов разработки

Подбираем инструменты под задачу, а не ради модного стека. Проектируем в Figma, работаем с 1С-Битрикс и MODX, используем современные средства разработки, тестирования и аналитики. При необходимости подключаем Яндекс Метрику и другие сервисы измерения.

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

Аналитика

Металлический олень и визуализация аналитических данных

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

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

Рассчитать стоимость проекта

Коротко опишите задачу — мы уточним детали и подготовим понятный предварительный расчёт.

оставить заявку

Обсудите ваш будущий сайт

Серебристый олень в сине-фиолетовом свете

Как вам удобнее получить ответ?