Адаптивный редизайн: как сделать старый сайт удобным на телефоне
Формально резиновая вёрстка и реально удобный мобильный сайт — разные вещи. Большинство старых сайтов проходят тест на «не съезжает ли макет», но проваливают тест на реальное использование одной рукой на ходу.
Почему «адаптивный» не значит «удобный»
Сайты 2016–2019 годов часто технически адаптивны — блоки перестраиваются под ширину экрана — но спроектированы по десктопной логике: мелкий текст, кнопки под палец мыши, а не под палец руки, меню, требующее трёх касаний до нужного раздела.
Проверка простая: откройте сайт на телефоне одной рукой, без увеличения масштаба, и попробуйте дойти до формы заявки за три касания. Если не получается — перед вами не мобильная версия, а десктоп, сжатый в узкую колонку.
Скорость важнее картинки
В Узбекистане значительная часть мобильного трафика идёт на 3G/4G вне зоны уверенного покрытия. Проверьте страницу в PageSpeed Insights в режиме Mobile и смотрите на LCP — если первый экран прорисовывается дольше 3–4 секунд, часть посетителей уходит раньше, чем видит дизайн вообще.
Главные причины медленной загрузки на локальных сайтах: несжатые фотографии в галерее, подключённые целиком библиотеки ради одной анимации и шрифты с внешних CDN. Редизайн под мобильные без решения этих проблем не даёт результата — красивый, но медленный сайт всё равно теряет людей.
Размер элементов и расстояние между ними
Минимальный размер кликабельной области на мобильном — 44 на 44 пикселя, с запасом по краям. Кнопки и ссылки, слепленные плотно, приводят к случайным нажатиям не туда, и человек раздражённо уходит с сайта, даже не поняв, что произошло.
Меню должно открываться в один клик и закрываться так же — без потери места прокрутки. Выпадающие подменю с наведением, унаследованные от десктопной версии, на тач-экране просто не работают: наведения там нет физически.
Форма и способ связи на мобильном
Форма заявки на телефоне должна запрашивать минимум полей — имя и телефон, остальное выясняется в разговоре. Каждое дополнительное поле на маленьком экране ощущается тяжелее, чем на десктопе, потому что требует переключения клавиатуры и прокрутки.
Номер телефона и кнопка Telegram должны быть в фиксированной нижней панели, видимой на любом экране без прокрутки. Это не эстетическое решение, а прямое влияние на конверсию: человек, готовый позвонить, не должен искать номер по всей странице.
Сроки и объём работ
Адаптация существующего дизайна под мобильные без изменения структуры страниц занимает полторы-две недели и стоит 4 000 000–6 000 000 сум — это переработка вёрстки, оптимизация изображений и настройка липкой панели связи.
Если проблема глубже — старая структура меню не переносится на мобильные в принципе — потребуется более полный редизайн с пересмотром навигации, и тогда бюджет и сроки ближе к среднему уровню редизайна, 6 000 000–9 000 000 сум за две-три недели.