Редизайн сайта

Сколько стоит редизайн существующего сайта

Редизайн — это не только новая палитра и шрифт. Итоговая оценка зависит от того, что сохраняем, что перестраиваем и насколько аккуратно нужно перенести работающий сайт в новую систему.

Иллюстрация: дизайнер сравнивает старый и новый макеты сайта на стенде

Две страницы могут выглядеть одинаково устаревшими, но требовать совершенно разного объёма работ. Один сайт достаточно привести в порядок стилями и несколькими новыми блоками. В другом придётся менять шаблоны, структуру, CMS и способ хранения данных. Поэтому цена редизайна появляется только после короткого разбора текущей системы.

Сначала определите: нужен редизайн или ремонт

Полный редизайн оправдан, когда сайт перестал соответствовать бизнесу: изменилась структура услуг, появились новые аудитории, текущие шаблоны мешают публиковать контент, а интерфейс невозможно улучшить отдельными правками.

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

  • пересобрать первый экран и навигацию;
  • обновить типографику, сетку и систему отступов;
  • упростить форму заявки;
  • исправить мобильную версию ключевых страниц;
  • сделать новый шаблон услуги или карточки товара.

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

Из чего складывается стоимость редизайна

Количество уникальных шаблонов

Считаются не все URL, а разные типы страниц: главная, услуга, каталог, карточка, статья, контакты. Чем меньше повторяемых решений, тем проще разработка и дальнейшее обновление сайта.

Структура и тексты

Если тексты можно перенести без изменений, работа идёт быстрее. Если нужно заново собрать логику страницы, написать заголовки, сократить перегруженные разделы и подготовить новые материалы, это отдельная часть проекта.

CMS и данные

На статическом сайте обновление может быть относительно прямым. В каталоге или медицинском проекте нужно сохранить товары, услуги, специалистов, фильтры, связи и удобное редактирование в административной части.

Формы и интеграции

Заявки могут уходить на почту, в CRM, мессенджер или сервис аналитики. При редизайне важно не просто перенести кнопку, а проверить весь путь обращения и уведомления.

Миграция и поисковые адреса

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

Проверка после сборки

В оценку входит не только вёрстка. Нужны адаптив, проверка браузеров, форм, контента, скорости загрузки и основных пользовательских сценариев.

Что должно быть в понятной смете

Формулировка «редизайн сайта» ничего не говорит о результате. Рабочая оценка делит проект на этапы и показывает, что именно будет передано после каждого из них.

ПроектированиеСтруктура и прототипы

Список шаблонов, логика страниц, состав блоков и путь пользователя до обращения.

Визуальная системаДизайн и состояния

Макеты ключевых экранов, мобильная версия, компоненты, формы и правила их использования.

РеализацияСборка и запуск

Вёрстка, CMS, перенос данных, интеграции, тестирование и публикация новой версии.

В смете также полезно обозначить, что предоставляет заказчик, сколько раундов правок входит в этап, кто переносит контент и какие работы считаются дополнительными. Это защищает проект от бесконечного расширения объёма.

Как проходит редизайн существующего сайта

  1. Аудит. Проверяем страницы, аналитику, мобильную версию, CMS, формы и технические ограничения.
  2. Приоритеты. Определяем, какие сценарии важнее всего и что можно сохранить.
  3. Прототип. Собираем содержание и порядок блоков без отвлечения на декоративные детали.
  4. Дизайн-система. Настраиваем типографику, цвета, сетку, компоненты и состояния.
  5. Разработка. Переносим решения в код и CMS, сохраняя удобство редактора.
  6. Миграция и тестирование. Переносим материалы, проверяем адреса, формы и адаптив.
  7. Запуск. Публикуем сайт, наблюдаем за ошибками и корректируем найденные пограничные случаи.

Для небольшого сайта некоторые этапы объединяются. Для каталога или проекта с интеграциями их лучше не пропускать: стоимость ошибки после запуска обычно выше стоимости предварительной проверки.

Как сократить бюджет без потери качества

  • Определить приоритетные страницы. Не обязательно обновлять весь архив одновременно.
  • Собрать контент заранее. Готовые тексты, фото и данные уменьшают паузы и переделки.
  • Использовать систему компонентов. Один продуманный блок полезнее пяти почти одинаковых.
  • Не переносить лишнее. Устаревшие страницы и дубли лучше разобрать до миграции.
  • Согласовывать по этапам. Ошибку в прототипе дешевле исправить, чем в готовой CMS.

Экономить опасно на мобильной версии, формах, переносе адресов и тестировании. Именно эти части редко заметны на презентации макета, но сильнее всего влияют на работу сайта после запуска.

Что прислать для предварительной оценки

Достаточно ссылки на сайт, короткого описания бизнеса и списка того, что сейчас не устраивает. Полезно приложить примеры сайтов, которые нравятся, но объяснить, что именно в них важно: структура, подача, ритм, анимация или удобство.

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

Продолжить чтение
Поддержка сайта Сколько стоит поддержка сайта и что входит в работу
Конверсия сайта Почему сайт получает посещения, но не приносит заявок