Редизайн сайта: виды, стоимость, этапы и типичные ошибки

Редизайн сайта — это обновление визуального оформления, структуры и пользовательского опыта существующего сайта. Это НЕ полная переработка с нуля, а осмысленное улучшение того, что уже работает. Цель редизайна — повысить конверсию, улучшить юзабилити и привести дизайн в соответствие с современными стандартами. Подробнее о стоимости разработки сайта читайте в отдельном руководстве.

Когда нужен редизайн? Если сайт выглядит устаревшим (ему больше 3-5 лет без обновлений), если конверсия ниже 1-2%, если пользователи жалуются на неудобную навигацию, если сайт плохо отображается на мобильных устройствах, если дизайн не соответствует обновлённому брендбуку компании.

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

Из портфолио: в проекте Стриминговая платформа Next.js редизайн увеличил время просмотра с 12 до 62 минут (+420%). В проекте Платформа автоматизации маркетплейсов обновление интерфейса повысило конверсию в подписки с 2,1% до 10,1%.

Не каждый редизайн — капитальная перестройка. Существует три уровня обновления, и правильный выбор зависит от глубины проблем.

Косметический редизайн — обновление визуального оформления без изменения структуры. Новая палитра, типографика, иконки, отступы. Не затрагивает архитектуру страниц и навигацию. Сроки: 1-2 недели. Стоимость: от 30 000 до 80 000 ₽. Подходит, если структура рабочая, но дизайн устарел.

Полный редизайн — обновление дизайна, верстки и частично функционала. Новые макеты, новая адаптивная верстка, обновлённые компоненты. Может включать миграцию на новый фреймворк. Сроки: 3-6 недель. Стоимость: от 80 000 до 300 000 ₽. Подходит, если сайт устарел и визуально, и технически.

UX-редизайн — переработка пользовательского пути на основе аналитики. Анализ тепловых карт, воронок, поведения пользователей. Изменения затрагивают структуру страниц, навигацию, призывы к действию. Сроки: 4-8 недель. Стоимость: от 100 000 до 400 000 ₽. Подходит, если конверсия низкая при хорошем дизайне.

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

Признак первый: высокий показатель отказов. Если более 60% посетителей уходят с сайта менее чем за 15 секунд — проблема в первом впечатлении. Причины: устаревший дизайн, медленная загрузка, нечитаемый текст, неинформативный первый экран. Норма отказов для коммерческого сайта — 30-45%.

Признак второй: низкая конверсия. Если посетители приходят, но не оставляют заявки — проблема в UX. Средняя конверсия для коммерческого сайта: 2-5%. Если у вас ниже 1% — нужен редизайн воронки. Проверьте: видна ли кнопка «Заказать» на первом экране? Есть ли форма заявки на каждой странице? Понятно ли, что делает компания, за 5 секунд?

Признак третий: плохая мобильная версия. Более 60% трафика — мобильные пользователи. Если сайт не адаптирован, вы теряете больше половины потенциальных клиентов. Google и Яндекс занижают позиции неадаптивных сайтов.

Признак четвёртый: медленная загрузка. Если сайт загружается более 3 секунд — 53% мобильных пользователей закроют его. Причины: тяжёлые изображения, неоптимизированный код, устаревший хостинг.

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

Признак шестой: сложная навигация. Если пользователь не может найти нужную информацию за 3 клика — навигация сломана. Проведите тест: попросите 5 человек найти прайс-лист на вашем сайте. Если более 2 испытывают затруднения — нужна переработка структуры.

Признак седьмой: конкуренты обновились. Если ваши конкуренты сделали редизайн и стали выглядеть профессиональнее — вы теряете клиентов. Пользователи сравнивают: «У конкурента сайт современный, а у вас — как из 2015 года».

Редизайн — это не «нарисовать красиво». Это системный процесс, который требует анализа, проектирования, разработки и тестирования. Вот как я работаю с редизайном.

Этап 1: Аудит текущего сайта (2-3 дня). Анализ метрик: отказы, конверсия, глубина просмотра, время на сайте. Анализ тепловых карт (Яндекс.Вебвизор). Юзабилити-аудит: навигация, формы, кнопки CTA. Анализ конкурентов: что у них лучше. Результат: отчёт с конкретными проблемами и рекомендациями.

Этап 2: Проектирование (3-5 дней). Создание новых макетов (wireframes) на основе аудита. Прототипирование пользовательских путей. Определение новой структуры навигации. Согласование макетов с заказчиком. Результат: утверждённые wireframes всех ключевых страниц.

Этап 3: Дизайн (5-10 дней). Создание дизайн-макетов на основе утверждённых wireframes. Разработка UI-кита: кнопки, формы, карточки, типографика. Адаптивные макеты для мобильных, планшетов, десктопа. Результат: финальные макеты в Figma.

Этап 4: Верстка и интеграция (5-15 дней). Адаптивная HTML/CSS/JS верстка. Интеграция с CMS или бэкендом. Оптимизация скорости загрузки. Кроссбраузерная совместимость. Результат: рабочий сайт на тестовом сервере.

Этап 5: Тестирование и запуск (2-3 дня). Тестирование на всех устройствах и браузерах. Проверка форм, кнопок, ссылок. Настройка 301-редиректов (если изменились URL). Перенос на продакшн. Результат: обновлённый сайт в сети.

Общие сроки: от 3 до 8 недель в зависимости от объёма. Стоимость: от 50 000 до 400 000 ₽.

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

Базовая стоимость редизайна для сайта из 5-10 страниц: от 50 000 до 150 000 ₽. Это включает: новые дизайн-макеты для главной, внутренних страниц, каталога, контактов. Адаптивная верстка. Интеграция с существующей CMS.

Для сайта из 20-50 страниц с каталогом: от 150 000 до 400 000 ₽. Дополнительно: проектирование UX, создание UI-кита, сложные интерактивные элементы, интеграция с CRM.

Для крупного портала или интернет-магазина: от 300 000 до 1 000 000 ₽. Включает: исследование пользователей, A/B тестирование, миграцию данных, сложные интеграции.

Что НЕ входит в стоимость редизайна: написание нового текста (копирайтинг), создание нового логотипа, SEO-продвижение, наполнение контентом. Эти услуги оплачиваются отдельно.

Как сэкономить на редизайне: начните с главной страницы и 3-4 ключевых внутренних. Используйте готовые UI-киты вместо кастомного дизайна. Оставьте существующую CMS, если она устраивает. Не меняйте URL без необходимости (сохраните SEO-вес).

Редизайн может не просто не улучшить, а УХУДШИТЬ показатели сайта. Вот шесть типичных ошибок, которые я видел в десятках проектов.

Ошибка первая: редизайн без аналитики. Дизайнер рисует «красиво», не изучив данные. Результат: новая главная страница с анимациями, которая грузится 8 секунд вместо 2. Перед редизайном ОБЯЗАТЕЛЬНО изучите: тепловые карты, воронки конверсии, популярные страницы, источники трафика.

Ошибка вторая: смена URL без редиректов. Если при редизайне изменилась структура URL — все старые ссылки сломаются. Сайт потеряет позиции в поиске, внешние ссылки перестанут работать. Решение: настроить 301-редиректы со старых URL на новые ДО запуска.

Ошибка третья: игнорирование мобильных. Дизайн утверждают на десктопных макетах, а мобильную версию делают «потом». Результат: кнопки слишком мелкие, текст не читается, формы неудобны. Правило: мобильная версия — ПЕРВАЯ, десктопная — адаптация.

Ошибка четвёртая: удаление работающих элементов. «Старая» кнопка CTA приносила 40% заявок, но дизайнер заменил её на «стильную» с меньшим контрастом. Результат: конверсия упала на 30%. Правило: не трогайте то, что работает. Тестируйте изменения A/B-тестами.

Ошибка пятая: перегрузка анимациями. Parallax, hover-эффекты, скролл-анимации — красиво, но замедляет сайт и отвлекает от контента. Каждая анимация — это дополнительные 100-500 мс загрузки. Правило: анимации должны помогать пользователю, а не украшать.

Ошибка шестая: отсутствие тестирования. Запустили редизайн без юзабилити-тестирования. Через неделю — поток жалоб. Кнопка «Оформить заказ» оказалась под fold, форма заявки не работает в Safari, телефонный номер не кликается на мобильных. Правило: тестировать на 5-10 реальных пользователях ДО запуска.

Главная страх владельцев сайта при редизайне — потерять позиции в поиске. Это обоснованный страх: неправильный редизайн может обнулить годы SEO-работы. Вот чек-лист, который защитит ваш трафик.

До редизайна: зафиксируйте текущие позиции в Яндекс.Вебмастере и Google Search Console. Сохраните список всех URL сайта. Отметьте страницы с наибольшим трафиком. Сделайте бэкап сайта.

Во время редизайна: сохраняйте URL-структуру. Если URL меняются — составьте карту редиректов (старый URL → новый URL). Сохраняйте Title и MetaDescription на ключевых страницах. Не удаляйте работающий контент. Сохраняйте внутреннюю перелинковку.

После редизайна: настройте 301-редиректы. Отправьте обновлённый sitemap в Яндекс.Вебмастер и Google Search Console. Проверьте все редиректы. Мониторьте позиции в течение 2-4 недель. Исправьте ошибки индексации.

Частая ошибка: дизайнер меняет структуру URL «для красоты», а SEO-специалист узнаёт об этом после запуска. Результат — 404 ошибки, потерянные позиции, падение трафика на 30-50%. Решение: SEO-специалист ДОЛЖЕН участвовать в редизайне с самого начала.

Важно для Next.js: если сайт на Next.js — используйте ISR (Incremental Static Regeneration) для плавного обновления контента без потери SEO. Каждая страница рендерится на сервере, что положительно влияет на индексацию.

Иногда редизайн — это пластырь на сломанную ногу. Если сайт построен на устаревшей технологии, если CMS не поддерживается, если код unmaintainable — лучше пересобрать с нуля.

Редизайн достаточен, когда: платформа современная (Next.js, WordPress, Tilda), код читаемый и поддерживаемый, структура логичная, проблемы только в дизайне и UX, SEO-позиции стабильные. Если же вы планируете создание нового проекта с нуля, читайте о разработке сайта под ключ.

Полная переработка нужна, когда: сайт на устаревшей технологии (jQuery, PHP 5, таблицы в HTML), CMS не поддерживается или взломана, код нечитаемый (legacy), мобильная версия отсутствует полностью, сайт грузится более 5 секунд даже после оптимизации.

Пример из практики: клиент обратился с сайтом на WordPress 2018 года. Дизайн устарел, но CMS работала. Решение: редизайн + обновление WordPress + оптимизация скорости. Стоимость: 120 000 ₽, сроки: 4 недели. Результат: конверсия выросла с 1,2% до 3,8%.

Другой клиент: сайт на самописном PHP без документации. Каждое изменение ломало две другие функции. Решение: полная переработка на Next.js + FastAPI. Стоимость: 350 000 ₽, сроки: 8 недель. Результат: скорость загрузки с 6 сек до 1,2 сек, конверсия с 0,8% до 4,1%.

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

Задача: корпоративный сайт производственной компании. Возраст дизайна — 6 лет. Конверсия — 0,9% (12 заявок в месяц при 1 300 посетителях). Проблемы: устаревший дизайн, нет мобильной адаптации, сложная навигация (7 уровней меню), медленная загрузка (4,8 сек).

Решение: UX-аудит + полный редизайн. Миграция с устаревшего HTML на Next.js. Создание нового UI-кита. Упрощение навигации до 3 уровней. Адаптивная верстка mobile-first. Оптимизация скорости (Next.js SSR + кеширование).

Результат через 3 месяца после запуска: - Конверсия: с 0,9% до 3,4% (+278%) - Заявки: с 12 до 54 в месяц (+350%) - Отказы: с 68% до 32% (-53%) - Скорость загрузки: с 4,8 до 1,3 сек - Мобильный трафик: с 18% до 52%

Стоимость проекта: 280 000 ₽. Окупаемость: 2 месяца (рост выручки от заявок). ROI: 850% за 6 месяцев.

Технологии: Next.js, TypeScript, Figma, PostgreSQL, Docker. Сроки реализации: 6 недель.

Ответы на самые популярные вопросы, которые задают клиенты перед началом редизайна.

Сколько времени занимает редизайн? Косметический редизайн — 1-2 недели. Полный редизайн сайта из 10-20 страниц — 3-6 недель. Крупный портал с каталогом — 6-12 недель. Сроки зависят от количества страниц, сложности дизайна и необходимости интеграций.

Сохранятся ли позиции в поиске? При правильном подходе — да. Ключевое условие: настроить 301-редиректы, сохранить URL-структуру ключевых страниц, не удалять работающий контент. В моей практике — ни один клиент не потерял более 10% трафика после редизайна.

Нужно ли менять CMS при редизайне? Не обязательно. Если текущая CMS устраивает функционально — можно обновить только дизайн и верстку. Менять CMS стоит, если: она устарела, не поддерживается, не позволяет реализовать нужный функционал.

Можно ли сделать редизайн поэтапно? Да. Стратегия «поэтапного редизайна»: сначала главная страница и ключевые коммерческие, потом каталог, потом блог. Это снижает риски и позволяет тестировать изменения.

Что лучше: редизайн на Tilda или кастомный? Зависит от бюджета и требований. Tilda — быстро и дёшево (от 30 000 ₽), но ограничена в функционале. Кастомный редизайн — гибкость и уникальность (от 100 000 ₽). Для простых корпоративных сайтов Tilda подходит. Если нужен новый лендинг вместо редизайна старого — читайте создание лендинга. Для разработки корпоративного сайта с нуля — кастомная разработка. А если бюджет ограничен — узнайте, как заказать сайт недорого.