Обновление дизайна сайта

Новый дизайн — на действующем сайте.

Обновление дизайна — это смена внешнего вида существующего сайта вашего заказчика до нового утверждённого дизайна с сохранением каждого URL, каждого фрагмента контента и каждого навигационного шаблона. Структура остаётся. Визуал меняется. Действующий коммерческий слой защищён на протяжении всего процесса.

Что такое обновление дизайна

Главное — новый дизайн, а не поток мелких правок.

Агентство передаёт утверждённую Figma. Мы собираем её в тестовой среде шаблон за шаблоном, с постраничными исключениями там, где этого требует дизайн. Всё, что вне дизайна, проходит без изменений: URL, внутренние ссылки, тексты, навигация, формы, карта сайта. Перед переключением прогоняем Screaming Frog: сверяем действующий сайт с тестовой сборкой и подтверждаем нулевой структурный сдвиг.

Обновление дизайна — это не ребилд (там старый сайт заменяется целиком) и не редизайн (там структура может сдвинуться, а шаблоны добавиться или исчезнуть). Это более узкая задача: оставить всё как есть и поменять только внешний вид. Если ТЗ выходит за эту границу (добавляются шаблоны, переверстывается навигация, переезжает контент), мы пересматриваем объём на приёмке, а не посреди разработки.

Когда новый дизайн согласован и опубликован, мелкие доработки можно присылать по одной, прямо на действующем сайте: поправить текст, добавить секцию, подвинуть вёрстку. Это необязательное продолжение: сам проект — это смена дизайна, отдельные правки в него не входят.

Как мы работаем

Figma на входе — действующий сайт в новом дизайне. Структура нетронута.

  • Собираем дизайн из Figma агентства Новый дизайн собираем в тестовой среде, шаблон за шаблоном. Постраничные исключения оцениваем отдельно и включаем в смету вместе с шаблонами: вариант hero, отдельный блок на «О нас», калькулятор на лендинге. Figma — наше ТЗ: реализуем макет один в один, ничего не додумываем от себя.
  • Структурная целостность — подтверждена Все URL, внутренние ссылки, формы и пункты меню остаются на месте, без единого изменения. Перед переключением прогоняем Screaming Frog: сверяем действующий сайт с тестовой сборкой и отдаём вам отчёт о расхождениях. Нулевой структурный сдвиг подтверждаем этим отчётом, а не обещаем на словах. Проверку после запуска на боевом домене ведёт ваша SEO-команда.
  • QA до переключения — на нашей стороне Site Checker — наш WordPress-плагин для QA. Он проверяет основные настройки, соответствие контента, структуру URL и меню, снимает скриншоты в нескольких разрешениях и сверяет всё с утверждённой Figma. Порог простой: ноль ошибок до публикации. После нас агентство проводит свою проверку своими инструментами, а правки мы доводим до вашего подтверждения.
  • Задачи-продолжения — по желанию, каждая со своей оценкой Самое неприятное после запуска — когда подрядчик навязывает абонентскую плату и тихо подкручивает часы. Поэтому каждая доработка идёт отдельно: часы оцениваем до начала работы, Site Checker прогоняем перед закрытием. Что брать в работу, решает тот, кто платит: менеджер агентства или конечный клиент. Нарастающий итог всегда совпадает со счётом. Никакого фиксированного абонемента, никаких скрытых часов сверху.
FAQ

Часто спрашивают, отвечаем прямо.

По этому формату: что под ним понимаем, что берём на себя и что влияет на часы.

  • Обновление дизайна меняет облик существующего сайта, не трогая его начинку: все адреса страниц, весь контент и навигация остаются прежними. Агентство присылает утверждённую Figma, мы собираем её в тестовой среде шаблон за шаблоном (с постраничными исключениями там, где этого требует дизайн), сверяем с действующим сайтом и переключаем. Главный результат — сам дизайн. Доработки после замены — необязательное продолжение, в основной объём они не входят.

  • Редизайн обычно меняет больше, чем оформление: структура страниц может сдвинуться, шаблоны появиться или исчезнуть, контент переехать. По сути это запрос «переосмыслите сайт». У обновления дизайна задача более узкая: оставить всё как есть и поменять только внешний вид. Адреса страниц, карта сайта, тексты и навигация проходят без изменений, а дизайн агентства мы повторяем точно по макету. Если нужны структурные правки — это уже редизайн, и объём мы пересмотрим на приёмке, а не посреди разработки.

  • Существенно безопаснее: по сути на индексируемых страницах ничего не меняется. Адреса остаются прежними, заголовки и meta description сохраняются дословно — если только новый дизайн сам не меняет текст на странице. До и после замены дизайна прогоняем Screaming Frog и подтверждаем нулевой структурный сдвиг. Позиции в выдаче — по-прежнему ваша зона, но обновление дизайна снимает целый класс миграционных рисков, которые тянет за собой полный ребилд: ошибки в карте редиректов, битые ссылки, случайный noindex, расхождение контента.

  • В первую очередь — по числу шаблонов. Сайт из 100 страниц на 10 шаблонах требует работы над 10 шаблонами: каждый переделываем один раз, и новый вид сразу получают все страницы на нём. Постраничная работа возникает только там, где в дизайне есть элементы конкретной страницы: вариант hero, отдельный блок на «О нас», калькулятор на отдельном лендинге. Смету считаем по числу шаблонов плюс найденные постраничные исключения, а не по количеству адресов.

  • Да, по желанию. После того как новый дизайн согласован и опубликован, мелкие доработки можно присылать по одной: поправить текст, добавить секцию, подвинуть вёрстку, обновить контент. На каждую даём оценку часов до начала работы. Что запускать, решает тот, кто платит: менеджер агентства или конечный клиент. Перед закрытием каждой доработки прогоняем Site Checker. Жёсткого графика нет: задачи приходят, когда вы их присылаете, а нарастающий итог всегда совпадает со счётом.

Есть утверждённый дизайн
для существующего сайта?

Пришлите Figma и ссылку на сайт. В ответ пришлём фиксированную оценку часов на смену дизайна и посчитаем доработки из вашей очереди. Если в ТЗ найдутся структурные изменения, мы сразу об этом скажем и предложим вести проект как редизайн: там проверке структуры мы уделяем отдельное внимание. Действующий сайт при этом не трогаем: он работает как прежде, пока вы сами не утвердите новый дизайн и не дадите команду на переключение. Сама оценка бесплатна и ни к чему вас не обязывает.

Прокрутить вверх