Сайт, который выглядел актуально несколько лет назад, сегодня может отталкивать посетителей — устаревшим стилем, тесной версткой, мелким текстом или тем, что на телефоне им неудобно пользоваться. Редизайн — это обновление внешнего вида и, при необходимости, структуры сайта с сохранением того, что уже работает: контента, накопленных позиций в поисковой выдаче и узнаваемости у постоянных посетителей.
Когда сайту нужен редизайн
О редизайне стоит задуматься, если дизайн сайта визуально устарел целиком — шрифты, цвета, композиция страниц выглядят так, как выглядели сайты много лет назад, а не так, как выглядят современные сайты в вашей нише. Другой частый повод — сайт делали до того, как большинство посетителей стало заходить с телефонов, и адаптация под мобильные экраны была добавлена позже как заплатка, а не заложена изначально.
Также редизайн уместен, если бизнес существенно изменился: расширился ассортимент, появилось новое позиционирование, сменился фирменный стиль, а сайт всё ещё отражает то, какой была компания раньше. Если же проблема не в дизайне, а в отдельных функциях или ошибках — вероятно, достаточно доработки сайта, которая обойдётся дешевле и быстрее. Мы всегда честно говорим, какой вариант подходит именно вам, после того как посмотрим текущий сайт.
Что входит в редизайн
Аудит текущего сайта
Анализируем, что работает хорошо и должно остаться, а что мешает пользователям и требует изменения.
Обновление UX-структуры
Пересматриваем навигацию, порядок блоков, путь пользователя к целевому действию — заявке, покупке, звонку.
Новый визуальный стиль
Разрабатываем актуальный дизайн в Figma: цветовую палитру, типографику, стиль иллюстраций и фотографий.
Адаптивная версия
Прорабатываем отображение на смартфонах и планшетах как равноценную версию, а не урезанную копию десктопа.
Вёрстка и перенос контента
Верстаем обновлённые страницы и переносим существующий контент, сохраняя его структуру для поисковых систем.
Контроль SEO-показателей
Следим, чтобы адреса страниц, заголовки и внутренние ссылки не потеряли то, что уже учли поисковые системы.
Как сохранить позиции в поиске при редизайне
Главный риск редизайна — потерять накопленные позиции сайта в поисковой выдаче. Это случается, когда меняют адреса страниц без переадресации, убирают тексты, которые уже проиндексированы, или радикально меняют структуру сайта без учёта того, как её видят поисковые системы. Мы работаем так, чтобы этого не произошло.
- Сохраняем адреса ключевых страниц или настраиваем корректные переадресации на новые
- Переносим существующие тексты, а не удаляем их ради нового дизайна — при необходимости дорабатываем, но не теряем смысловое ядро
- Сохраняем заголовки h1 и мета-теги страниц, которые уже приносят трафик из поиска
- Проверяем внутреннюю перелинковку после изменения структуры разделов
- Тестируем сайт до полного переключения на новую версию, чтобы не потерять индексацию во время работ
Подробнее о том, как устроен этот процесс, — в статье «Редизайн без потери позиций в поиске».
Этапы работы
- Аудит текущего сайта. Смотрим дизайн, структуру, контент, позиции в поиске и точки, которые мешают конверсии.
- Постановка задачи. Формулируем, что именно меняется: только визуальный стиль, структура целиком или отдельные разделы.
- Прототип новой структуры. Прорисовываем схему страниц и блоков — расположение элементов без окончательного дизайна.
- Дизайн-макеты в Figma. Разрабатываем визуальный стиль: типографику, цвета, компоновку для десктопа и мобильных экранов.
- Согласование. Показываем макеты, вносим правки по замечаниям, фиксируем финальную версию.
- Вёрстка и перенос контента. Собираем обновлённые страницы, переносим тексты и изображения с сохранением структуры для поиска.
- Тестирование. Проверяем работу на разных устройствах и браузерах, скорость загрузки, работу форм.
- Публикация и мониторинг. Переключаем сайт на новую версию и в течение нескольких недель следим за индексацией и позициями.
Форматы редизайна
Редизайн не обязательно означает полную переделку сайта. Мы предлагаем несколько форматов в зависимости от того, насколько глубокие изменения нужны бизнесу.
| Формат | Что меняется | Стоимость | Срок |
|---|---|---|---|
| Косметический редизайн | Цвета, шрифты, отдельные визуальные элементы без изменения структуры | от 25 000 ₽ | от 7 рабочих дней |
| Редизайн ключевых страниц | Главная страница и 2–3 самых посещаемых раздела | от 45 000 ₽ | от 12 рабочих дней |
| Полный редизайн | Все страницы сайта, обновление структуры и адаптивной версии | от 90 000 ₽ | от 20 рабочих дней |
| Редизайн интернет-магазина | Каталог, карточка товара, корзина, оформление заказа и остальные разделы | от 140 000 ₽ | от 30 рабочих дней |
Точная стоимость зависит от количества страниц и глубины изменений — актуальный прайс на все услуги студии на странице цены.
Как мы принимаем решения о новом дизайне
Редизайн — это не смена картинки по вкусу, а решение конкретных задач: если посетители не находят кнопку заявки, если карточка товара не отвечает на вопросы перед покупкой, если первый экран не объясняет за пару секунд, чем занимается компания. Перед тем как предложить новый визуальный стиль, мы смотрим, как ведут себя посетители текущего сайта — по данным Яндекс Метрики, если счётчик установлен, или по логике типовых сценариев, если аналитики раньше не было.
Макеты собираем в Figma — это позволяет показать сайт в интерактивном виде до начала вёрстки и внести правки, пока изменения ничего не стоят с точки зрения кода. Отдельное внимание уделяем первому экрану: именно по нему посетитель за несколько секунд решает, остаться на сайте или уйти. Подробнее о том, что должно быть на первом экране, — в статье «Первый экран сайта: что должен увидеть посетитель», а про типографику — в материале «Типографика на сайте: шрифты, которые читают».
Что нужно от заказчика
- Доступ к текущему сайту, административной панели и хостингу
- Фирменный стиль компании, если он есть — логотип, цвета, шрифты
- Обратная связь о том, что не устраивает в текущем дизайне и какие задачи он не решает
- Примеры сайтов, которые нравятся по стилю — не обязательно из вашей отрасли
- Актуальный контент: тексты, фотографии, если их нужно обновить вместе с дизайном
- Назначенный контактный человек для согласования макетов в разумные сроки
Типичные ошибки при редизайне
- Редизайн затевают без анализа того, что в текущем сайте уже работает, и теряют рабочие решения
- Меняют адреса страниц без переадресаций, из-за чего сайт временно теряет позиции в поиске
- Ориентируются только на личный вкус заказчика, а не на удобство целевой аудитории сайта
- Откладывают адаптацию под мобильные на «потом», хотя большинство посетителей заходит именно с телефона
- Переключают сайт на новую версию без предварительного тестирования на реальном контенте
Редизайн и технологии сайта
Иногда редизайн становится поводом заодно обновить техническую основу сайта: если он собран на устаревшей версии CMS, использует нестандартные модули или медленно работает из-за неоптимизированного кода. Мы не навязываем смену платформы ради самого редизайна — если текущая CMS справляется с задачами, новый дизайн можно реализовать на ней же. Но если платформа объективно ограничивает возможности сайта, предупредим об этом отдельно и предложим варианты, не включая смену CMS в базовую стоимость без согласования.
Для интернет-магазинов и сайтов с большим количеством страниц отдельное внимание уделяем тому, чтобы новый дизайн не увеличил время загрузки — большие несжатые изображения и тяжёлые визуальные эффекты часто становятся главной причиной, почему обновлённый сайт выглядит красивее, но грузится медленнее прежнего.
Гарантии
Перед публикацией новой версии сайта мы всегда сохраняем резервную копию старой — на случай, если потребуется временно вернуться к прежнему варианту. После переключения на новую версию в течение нескольких недель наблюдаем за индексацией и позициями сайта в поиске и оперативно устраняем технические проблемы, если они возникают. На саму работу — дизайн и вёрстку — распространяется гарантийный период, в течение которого бесплатно исправляем ошибки по нашей вине.
Частые вопросы
Потеряет ли сайт позиции в поиске после редизайна?
При аккуратном подходе — нет. Мы сохраняем адреса страниц, тексты и заголовки, которые уже проиндексированы, и настраиваем переадресации там, где адреса всё же меняются.
Обязательно ли менять структуру сайта при редизайне?
Нет, можно ограничиться только визуальным обновлением — новой типографикой, цветами и композицией без изменения количества страниц и разделов.
Сколько времени сайт будет недоступен во время редизайна?
Практически нисколько — новая версия готовится на тестовом контуре, а переключение на боевой сайт занимает минимальное время, обычно незаметное для посетителей.
Можно ли сделать редизайн только главной страницы?
Да, это распространённый и более бюджетный вариант — часто главная страница формирует первое впечатление сильнее всего, и её обновления бывает достаточно.
Нужно ли менять контент вместе с дизайном?
Не обязательно, но если тексты писали давно, редизайн — удобный повод их актуализировать. Подробнее о том, как писать такие тексты, — в статье «Как писать тексты для страниц услуг».
Чем редизайн отличается от адаптивной вёрстки?
Редизайн — это обновление визуального стиля и структуры в целом, а адаптивная вёрстка — узкая задача по корректному отображению на разных экранах, которая может быть частью редизайна или отдельной услугой.
Как понять, нужен редизайн или можно обойтись доработкой?
Если дизайн устарел целиком, а не в отдельных элементах — обычно нужен редизайн. Если проблема локальная — функция, ошибка, один неудобный раздел — эффективнее будет точечная доработка.
Не уверены, какой формат редизайна подходит вашему сайту? Пришлите ссылку на текущий сайт — посмотрим и предложим оптимальный вариант с учётом бюджета.
