Сайт МОС Перевоз
о проекте
потребность заказчика
Задача проекта — создать сильную цифровую основу для роста компании в конкурентной нише.
Для этого требовался новый сайт с продуманной структурой посадочных страниц и технической подготовкой к поисковому трафику.
Сроки работ
Разработка сайта: Май-Август 2021
Что требовалось сделать
- Оценка конкурентов в нише
- Сбор семантики и кластеризация запросов
- Составление структуры будущего веб-сайта
- Интерактивные прототипы главной и ключевых целевых страниц
- Фиксация требований в понятном техническом задании
- Дизайн главной и внутренних страниц для компьютеров и мобильных устройств
- Адаптивная реализация макетов и подключение функциональных модулей
- Интеграция с CMS и настройка удобного управления содержанием
- Оптимизация скорости и базовая техническая SEO-подготовка
- Редактирование и размещение текстов, изображений и других материалов
- Продвижение сайта в ТОПы поисковых систем
Погрузились в задачу и изучили рынок
изучили рынок и конкурентов
Рынок грузоперевозок отличается высокой конкуренцией и большим количеством похожих предложений.
Выбрали многостраничную структуру, где каждое направление представлено отдельной содержательной посадочной страницей.
собрали актуальную семантику
Поисковые запросы объединили в тематические группы и использовали их как основу для структуры разделов и услуг.
Услуги распределили по понятным пользователю направлениям.
Подготовили метаданные и разметку целевых страниц
Для каждой страницы подготовили уникальные Title и Description, настроили микроразметку и проверили технические требования поисковых систем.
создали дерево сайта и услуг
Основные разделы сайта:
- Главная
- Страницы услуг: грузовое такси, переезды, перевозка мебели и бытовой техники
- Каталог автопарка: манипуляторы, эвакуаторы, бортовые машины и другая техника
- Прайс-лист
- О компании
- Акции
- Контакты
разработали прототипы страниц
В прототип главной страницы вошли ключевые смысловые блоки:
- Главная
- Услуги
- Услуга
- Автопарк
- Страница техники
- Прайс-лист
- О компании
- Акции
- Контакты
Создали дизайн-систему и макеты страниц
Подготовили макеты основных типов страниц:
- Главная
- Услуги
- Услуга
- Автопарк
- Страница техники
- Прайс-лист
- О компании
- Акции
- Контакты
Для каждого макета предусмотрели отдельное адаптивное решение.
Реализовали адаптивный интерфейс
Все страницы реализовали на HTML, CSS и JavaScript и адаптировали для компьютеров, планшетов и смартфонов. Отображение проверили в современных браузерах.
На JavaScript подключили анимацию, модальные окна, слайдеры и формы. Добавили проверку полей и понятные состояния успешной отправки или ошибки.
Настроили понятную навигацию и меню для основных разделов.
настроили работу сайта на cms
После вёрстки интегрировали страницы в CMS и настроили управление содержанием сайта.
Создали шаблоны и компоненты, подключили необходимые модули и обеспечили динамическое формирование страниц.
Оптимизировали код и ресурсы, чтобы ускорить загрузку страниц.
После интеграции проверили функции, формы и пользовательские сценарии.
наполнили сайт материалами
Материалы заказчика отредактировали, структурировали и разместили на страницах; часть недостающего содержания подготовила наша команда.
Провели финальное тестирование и разместили сайт
Проверили скорость и код, настроили HTTPS, человекопонятные адреса, sitemap.xml, robots.txt и метаданные. После контрольного тестирования опубликовали проект на хостинге.
как итог
В результате клиент получил наполненный адаптивный сайт, готовый к работе и дальнейшему развитию.
3
Месяца активной разработки
10
Месяцев активного продвижения
100+
Страниц наполнено
90-100
Результат по PageSpeed
ТОП10
Позиции в Яндекс и Google
Какие технологии мы используем
Почему с нами удобно работать
Работаем по понятным этапам: сначала фиксируем задачу и состав проекта, затем показываем промежуточный результат и готовим сайт к запуску.
Под ключ
Структура, дизайн, разработка и запуск
Поэтапно
Промежуточные согласования
В договоре
Состав, сроки и стоимость работ
Адаптивно
Смартфоны, планшеты и компьютеры
SEO-основа
Метаданные, структура и индексация
Поддержка
Помощь после запуска сайта
Наши скилы
UX / UI / Prototype
Проектирование помогает заранее понять, как посетитель будет пользоваться сайтом. Сначала мы продумываем сценарии, структуру и прототип, затем формируем понятный интерфейс и визуальную систему. Так ключевые решения проверяются до начала разработки.
Мы проектируем интерфейс вместе с клиентом: изучаем бизнес, согласуем приоритеты и показываем прототипы до отрисовки дизайна. Работаем в Figma и передаём решения, которые понятны пользователю, поддерживают задачи бизнеса и готовы к дальнейшей разработке.
Дизайн
Веб-дизайн объединяет визуальный образ бренда, логику интерфейса и требования разработки. Его задача — не просто украсить страницу, а помочь посетителю быстро понять предложение и выполнить нужное действие.
Дизайн начинаем с целей проекта, особенностей аудитории и содержания страниц. Поэтому результат выглядит индивидуально, остаётся удобным и корректно работает в реальном продукте — от компактной презентационной страницы до большого интернет-магазина.
Frontend
Frontend — это всё, что посетитель видит и использует в браузере: страницы, меню, формы, анимация и интерактивные элементы. Мы обеспечиваем корректное отображение интерфейса на телефонах, планшетах и компьютерах, а также в современных браузерах.
Используем HTML, CSS, JavaScript и подходящие проекту инструменты. Следим за скоростью, доступностью и точностью реализации макетов, чтобы интерфейс был одинаково понятным и надёжным как на лендинге, так и в сложном веб-сервисе.
Backend
Backend отвечает за внутреннюю работу сайта: обработку данных, бизнес-логику, интеграции, личные кабинеты и обмен с внешними сервисами. В зависимости от задачи используем PHP, Python, Node.js и другие подходящие технологии.
Проектируем серверную часть с учётом нагрузки, безопасности и дальнейшего развития продукта. Код и структуру данных строим так, чтобы решение было удобно поддерживать, расширять и интегрировать с нужными системами.
SEO
Техническая SEO-подготовка закладывается ещё при разработке: логичная структура, корректные заголовки и метаданные, высокая скорость, понятные адреса страниц и возможность индексирования. Это создаёт основу для дальнейшего продвижения сайта.
До запуска проверяем технические требования поисковых систем и настраиваем базовую аналитику. Клиент получает сайт, готовый к наполнению, рекламе и последующей работе с поисковым спросом — без необходимости переделывать фундамент.
SOFT
Подбираем инструменты под задачу, а не ради модного стека. Проектируем в Figma, работаем с 1С-Битрикс и MODX, используем современные средства разработки, тестирования и аналитики. При необходимости подключаем Яндекс Метрику и другие сервисы измерения.
Для клиента важен не перечень программ, а результат: быстрый, понятный, аккуратно реализованный сайт, который удобно развивать после запуска.
Аналитика
Аналитика показывает, как люди находят сайт, где испытывают затруднения и какие страницы приводят к обращениям. Эти данные помогают принимать решения на основе фактов и последовательно улучшать конверсию.
Мы заранее определяем важные действия, корректно настраиваем их отслеживание и проверяем сбор данных. После запуска можно оценивать эффективность сайта и планировать улучшения, опираясь на реальные показатели.
Рассчитать стоимость проекта
Коротко опишите задачу — мы уточним детали и подготовим понятный предварительный расчёт.
оставить заявкуОбсудите ваш будущий сайт