Разработка
Мобильная версия действующего сайта
Приводим действующий сайт в порядок на телефонах: правим адаптивную верстку, формы и скорость на мобильном соединении. Отдельная мобильная версия на поддомене для этого не нужна - работаем на тех же адресах, что видит поиск.
результат смотрим на реальных телефонахТочная смета - после брифа.
Кому подходит
Адаптив дописывали позже
Сайт собирали под компьютер, а мобильную верстку добавляли поверх готовой
Заявки с телефона обрываются
Поле или кнопка в форме съезжают, и оформление не доходит до отправки
Больше половины трафика с телефонов
Основная часть посетителей заходит с мобильных, а сайт собирали не под них
Какие задачи решаем
Что входит в работу
Аудит на устройствах
Смотрим основные страницы на разных телефонах и разрешениях, фиксируем поломкиСписок правок по приоритету
Разбираем находки по влиянию на заявки: что чиним сразу, что можно отложитьМеню и навигация
Мобильное меню открывается и закрывается, не перекрывает контент и кнопкиШирокие блоки
Таблицы, галереи и карточки перестраиваются под ширину экрана, без прокрутки в бокФормы и оформление заявки
Поля, кнопки и мобильная клавиатура, проверяем весь путь до отправкиИзображения
Уменьшаем вес и отдаем размер под экран устройстваСкорость на мобильном
Убираем то, что тормозит загрузку именно на мобильном соединенииШрифты и отступы
Текст читается без масштабирования пальцамиПроверка на телефонах
Смотрим результат на реальных устройствах iOS и Android, а не только в эмулятореГарантия после правок
30 дней правим ошибки по нашей части бесплатноЭтапы работы
Технологии и интеграции
Адаптивная верстка
Медиа-запросы и гибкая сетка на тех же шаблонах, без отдельного мобильного сайта
Изображения
WebP и отдача размера под экран устройства
Core Web Vitals
Замеряем мобильные показатели до и после правок
Поля ввода
Типы полей под мобильную клавиатуру: телефон, почта, число
Кеш и композит
Настраиваем так, чтобы мобильные страницы отдавались из кеша
Устройства для тестов
Телефоны на iOS и Android с разными экранами
Часто задаваемые вопросы
Считаем от числа типов страниц, а не от числа страниц: главная, каталог, карточка, статья и корзина ломаются каждая по-своему, а остальные страницы собраны из тех же шаблонов. Дальше на цену влияет состояние верстки: где-то хватает правок в стилях, а где-то мобильную часть шаблона приходится пересобирать. Смету присылаем после аудита списком - видно, что чинится сразу, а что можно отложить.
Адаптивная верстка - это один сайт на одних адресах, который перестраивается под ширину экрана. Отдельная мобильная версия - второй сайт на поддомене вида m.site.ru со своими шаблонами и своим контентом. Второй вариант приходится вести в двух местах, версии со временем расходятся, а поиску нужно объяснять связь между страницами, поэтому мы правим адаптив на действующем сайте.
Задача - починить то, что ломается на телефонах, десктопную версию без необходимости не трогаем. Иногда правка задевает общие стили, и тогда меняется и вид на компьютере - о таких местах предупреждаем до работы и показываем на тестовом адресе.
Смотрим основные страницы на нескольких реальных устройствах: разные экраны и версии iOS и Android ведут себя по-разному, и эмулятор в браузере воспроизводит это не полностью. Отдельно проходим путь заявки с телефона до отправки формы. Мобильные показатели Core Web Vitals замеряем до и после правок, чтобы разница была видна в цифрах.
Работаем в первую очередь с сайтами на Битриксе и Laravel, потому что разбираемся в их шаблонах и коде. Для другой CMS сначала смотрим верстку и код - беремся, если правки реально внести без переделки сайта заново. После аудита скажем прямо, если выгоднее не чинить адаптив, а переделать шаблон.
Ссылка на сайт, доступ к админке и к коду шаблона. Работаем на копии или на тестовом адресе, поэтому понадобится место под нее на вашем хостинге или разрешение развернуть копию у нас. Скажите заранее, какие страницы приносят заявки: с них и начинаем аудит.
Первые 30 дней ошибки по нашей части правим бесплатно. Дальше верстка живет вместе с сайтом: новые блоки и разделы могут ломать адаптив заново, поэтому если сайт активно развивается, мобильную проверку стоит включить в поддержку. Правки отдаем вместе с исходниками шаблона.