ZXY · Исправление вёрстки

Исправление вёрстки: пиксель-в-пиксель на всех устройствах

Съехавшая вёрстка стоит клиентов: на мобильном кнопка уехала, в Safari разъехались карточки, текст налезает на картинку. Мы чиним вёрстку списком задач с проверкой на реальных устройствах и браузерах.

Коротко

Исправление вёрстки — адаптив, кроссбраузерность, съехавшие блоки, валидный код. Пакеты от 10 000 ₽ с проверкой на устройствах и в браузерах.

Как это работает

Адаптив

Мобильные и планшеты: сетки, шрифты, кнопки — без уехавших элементов.

Кроссбраузерность

Chrome, Safari, Firefox, Edge — одинаково корректно.

Сломанные блоки

Наезды, обрезки, пустоты — локализация причины, а не косметика.

Валидный код

HTML/CSS по стандартам: меньше сюрпризов при будущих правках.

Что ломается и почему это дорого

Типовые поломки: блоки наезжают друг на друга на узких экранах, тексты вылезают за контейнеры, картинки растягиваются и мутнеют, кнопки сливаются или недоступны пальцу (меньше 44px), горизонтальный скролл на мобильных, шрифты подгружаются с рывком. Причины: вёрстка без адаптива, чужие плагины с конфликтными стилями, правки «вручную» без системы, старый код. Стоимость этого хаоса — потерянные клиенты: 57% пользователей уходят с сайта, который плохо выглядит на мобильном. И реклама платит за этих ушущих. Починка — не косметика, а возврат конверсии.

Как мы работаем с задачами

Формат — пакеты правок. На старте: список задач от вас или наш аудит вёрстки (скриншоты проблем на устройствах, чек-лист адаптива, браузерные тесты). По каждой задаче — локализация причины: часто «съехавший блок» лечится не костылём в одном месте, а исправлением системы сеток — иначе проблема переезжает на другие страницы. Правки вносятся на копии, проверяются на реальных устройствах (iOS/Android) и в браузерах, затем выкатываются на прод. Чек-лист прикладывается к отчёту: что проверено, где, чем.

Адаптив как система, а не патчи

Если сайт «не держит» мобильные экраны, мы чиним не отдельные страницы, а систему: контейнер, сетку, типографику, поведение изображений и таблиц. Это дороже точечных заплаток, но дешевле в перспективе: новые страницы автоматически получат корректную вёрстку. Для старых сайтов с фиксированной вёрсткой предлагаем этапность: сначала критические страницы (главная, услуги, формы), затем остальные. Проверка ведётся по контрольным разрешениям: 320, 375, 768, 1024, 1440, 1920 — плюс реальные устройства команды.

Кроссбраузерность и качество кода

Safari особенно «любит» ломать то, что работает в Chrome: нестандартные отступы, поведение flex/grid, форматы изображений. Мы тестируем в актуальных версиях Chrome, Safari, Firefox и Edge, включая iOS Safari — самый проблемный. Попутно чистим код: убираем неиспользуемые стили, дубли селекторов, inline-костыли. Валидный и системный код — это дешевле любые будущие правки: новый разработчик не будет проклинать предыдущего, а вы не будете платить вдвое за «разгребание». По запросу прикладываем отчёт валидатора W3C.

Стоимость и сроки

Мини-пакет (до 5 задач) — от 10 000 ₽, срок 1–2 дня. Стандарт (до 15 задач) — от 25 000 ₽, 3–4 дня. Адаптивный ремонт сайта целиком (система сеток + все страницы до 30) — от 60 000 ₽, 1–2 недели. Аудит вёрстки с отчётом-скриншотами — от 6 000 ₽ (зачитывается в правки). Срочные правки (к «завтрашней выставке») — наценка 30%, старт в день обращения. Правки по нашей вине в течение 2 недель — бесплатно.

Почему верстальщики ZXY

Мы вёрстаем ежедневно в рамках разработки и поддержки сайтов: видим типовые поломки насквозь и чиним причину, а не симптом. У нас есть парк тестовых устройств (iPhone, Android-смартфоны, планшеты) — проверка на реальном железе, а не только в DevTools. Работаем аккуратно с чужим кодом: без «перепишем всё», только по согласованным задачам — с другим подрядчиком вы продолжите жить. И мы связаны с SEO и конверсией: починенный адаптив сразу проверяется на скорость и удобство форм — вёрстка работает на заявки.

Этапы работы

1

Список задач

Ваш список или аудит вёрстки с скриншотами.

2

Локализация

Причина каждой поломки, а не симптом.

3

Правки

На копии, по системным правилам сетки.

4

Тесты

Устройства iOS/Android + браузеры, разрешения.

5

Выкатка

Деплой на прод, повторная проверка.

6

Гарантия

Две недели на правки по нашей вине.

Частые вопросы

Сколько стоит исправление вёрстки?

Мини-пакет до 5 задач — от 10 000 ₽, стандарт до 15 задач — от 25 000 ₽, адаптивный ремонт целиком — от 60 000 ₽. Аудит — от 6 000 ₽ и зачитывается.

Как описать задачи?

Достаточно скриншотов с пометками: где съехало, на каком устройстве/браузере. Мы сами локализуем причины. Или закажите аудит — соберём список за вас.

Чините на Bitrix/WordPress/самописных?

Да, с любой CMS и чистым HTML. Работаем аккуратно с чужим кодом — только по согласованным задачам, без глобальных переписываний.

Проверяете на реальных устройствах?

Да: iPhone и Android-смартфоны, планшеты, плюс эмуляция разрешений. Safari/iOS Safari тестируем обязательно — он чаще всего отличается.

Можно срочно, завтра выставка?

Да: срочные правки стартуют в день обращения с наценкой 30%. Формулируйте задачи списком — быстрее возьмёмся.

А если поломка повторится?

Правки по нашей вине в течение 2 недель — бесплатно. Системные правки сетки снижают вероятность рецидива при добавлении нового контента.

Обсудим ваш проект