Стоимость мобильной версии сайта зависит от состояния существующей разработки. Иногда нужно исправить несколько блоков, иногда — заново спроектировать каталог и оформление заказа. Поэтому одинаковая цена за «адаптацию сайта» без просмотра страниц не объясняет, что вы получите.
Этот материал — для владельца действующего сайта, который плохо работает на смартфонах. Разберём, как составить задание, сравнить предложения и принять результат.
Что именно нужно адаптировать
Сначала откройте основные страницы на телефоне и попробуйте выполнить задачу клиента. Для сайта услуг это поиск подходящей услуги и отправка обращения. Для магазина — выбор товара и заказ. Запишите страницу, устройство, действие и проблему. Скриншот показывает внешний дефект, а короткая запись экрана помогает понять, на каком шаге человек остановился.
| Состояние сайта | Какие работы могут потребоваться | Что проверяют до оценки |
|---|---|---|
| Макет уже адаптивный, отдельные блоки сломаны | Исправление размеров, переносов, меню, изображений и форм | Причину ошибки, затронутые шаблоны и влияние общих стилей |
| Мобильный интерфейс неудобен | Новые макеты важных сценариев и их реализация | Каталог, фильтры, карточку, корзину и отправку обращения |
| Сайт рассчитан только на широкий экран | Адаптивная вёрстка согласованных шаблонов | Качество кода, CMS, готовность дизайна и сторонние модули |
| Одновременно нужен перенос на другую платформу | Миграция контента, адресов и функций плюс новая мобильная версия | Границы проекта и возможность исправить действующий сайт без переезда |
Из чего складывается стоимость
Главный фактор — число разных шаблонов и состояний. Услуги, использующие один макет, обычно можно исправить общим изменением. Карточка товара, фильтр, корзина и форма оплаты требуют отдельной проверки. Учтите всплывающие окна, длинные названия, ошибки ввода и пустые результаты поиска.
- Диагностика: найти причину проблем и определить объём.
- Проектирование: решить, как должны работать меню, блоки и основные действия.
- Разработка: реализовать согласованные изменения в текущей CMS и коде.
- Проверка: пройти реальные сценарии на согласованных устройствах и браузерах.
- Запуск: перенести изменения, проверить важные страницы и сохранить возможность восстановления.
Платные модули, новые функции, переработка содержания и смена платформы оцениваются отдельно. При сравнении смет выясните, предусмотрена ли проверка отправки формы и сторонних интеграций. Исправленная картинка ещё не подтверждает, что посетитель может оформить заказ.
Сколько стоит мобильная версия в AVOdigital
Доработку действующего сайта оцениваем после просмотра адреса, проблем и доступа к технической информации. Фиксированного тарифа на любой сайт нет. В новых проектах мобильный интерфейс входит в согласованный состав: лендинг — от 58 000 ₽, сайт компании — от 92 000 ₽. Эти суммы относятся к новым базовым форматам и не являются ценой адаптации старого сайта.
Для первоначальной оценки пришлите ссылку и перечислите страницы, где возникли проблемы. Если есть готовые мобильные макеты, приложите их. Пароли в первое сообщение не нужны. После разбора определим состав, стоимость и сроки до начала работ.
Как поставить задачу разработчику
Опишите результат через действие посетителя. Вместо «сделать красиво на телефоне» — «на странице услуги прочитать условия и отправить форму без горизонтальной прокрутки». Вместо «уменьшить каталог» — «выбрать фильтр, открыть карточку и добавить товар в корзину».
Зафиксируйте список шаблонов, проверяемые устройства, нужные сценарии и порядок приёмки. Отдельно согласуйте, что делать с новыми проблемами, найденными в ходе работы. Это позволит сравнить предложения по одному объёму и избежать спора о том, входит ли конкретная доработка в цену.
Чек-лист приёмки мобильной версии
- Важный текст читается без увеличения и не выходит за границы блока.
- Меню открывается, закрывается и позволяет попасть на нужную страницу.
- Кнопки и поля доступны пальцем, соседние действия не мешают друг другу.
- Форма показывает понятную ошибку и подтверждает успех только после сохранения.
- Клавиатура не скрывает поле или кнопку завершения.
- Изображения помогают рассмотреть продукт, а важные части не обрезаны случайно.
- Модальные окна, таблицы и фильтры работают на узком экране.
- Проверены ссылки на телефон и мессенджеры.
- После изменения общих стилей повторно проверены остальные шаблоны.
Мобильная версия и SEO
Для адаптации часто можно сохранить существующие адреса страниц. Если создаются отдельные мобильные URL или меняется структура сайта, заранее нужен план адресов, перенаправлений и проверки индексации. Изменение дизайна не должно случайно удалить важные тексты, внутренние ссылки или возможность открыть страницу.
Удобный интерфейс помогает человеку выполнить задачу. Позиции в поиске и число заявок оценивайте отдельно: после исправлений проверьте поисковые переходы, действия пользователей и реальные обращения.
Обсудить адаптацию сайта
Пришлите сайт в Telegram и коротко опишите проблему. Можно сначала уточнить, потребуется ли небольшая доработка или новый проект. Это не обязывает заказывать работу.
Если сайту нужно более широкое обновление, посмотрите задание на редизайн. Общие форматы новой разработки — на странице сайтов под ключ.