Описание задачи

Есть работающий сайт, который отлично выглядит на десктопах, но на мобильных устройствах наблюдаются проблемы с отображением. Нужно привести мобильную версию к единому, удобному и аккуратному виду.

Основные проблемы в текущей мобильной версии:

• Верстка и отображение: На некоторых страницах контент выходит за границы экрана, появляется горизонтальный скролл (полоса прокрутки). Текст наезжает на изображения или другие блоки.
• Шрифты и типографика: Размер шрифтов не адаптирован под мобильные устройства: текст либо слишком мелкий (приходится увеличивать жест щипком), либо непропорционально крупный.
• Навигация и меню: Текущее меню не предназначено для тач-интерфейсов. Требуется преобразовать его в раскрывающееся «бургер-меню» (иконка с тремя полосками), настроить выпадающие списки и обеспечить комфортный доступ к разделам.
• Интерактивные элементы: Кнопки, ссылки и поля форм слишком малы для нажатия пальцем, расположены слишком плотно, что ведет к случайным нажатиям. Заполнение форм обратной связи вызывает неудобства.
• Изображения и медиаконтент: Некоторые изображения не масштабируются пропорционально, обрезаются или неестественно сжимаются на маленьких экранах.

Важно: в процессе работ не нужно менять контент сайта (тексты, изображения, структуру страниц). Основная задача - улучшить пользовательский опыт (UI/UX) именно на мобильных устройствах: убрать горизонтальный скролл и перекрытия; настроить адаптивные шрифты для комфортного чтения; реализовать мобильную навигацию/бургер-меню; адаптировать формы, кнопки и прочие touch-элементы (с отступами и подходящими размерами); сделать изображения отзывчивыми (responsive) без их обрезки и искажений.

В настройках обязателен элемент: укажите примерные сроки и стоимость разработки.

Требуется предоставить ссылку на стейдж или демо-вероятность после внесения изменений для приемки работ.