Редизайн сайта
Обновим внешний вид и мобильную версию сайта. Сохраним согласованные адреса страниц, тексты, формы и аналитику; если адрес меняется, настроим перенаправление 301. Новый вид собираем на тестовой копии, а рабочая версия остается доступной до согласованного запуска.
- Сначала сравниваем доработку, адаптацию, редизайн и новый сайт.
- Дизайн, адаптивная верстка и внедрение на систему управления — в одном проекте.
- Перед запуском проверяем формы, ссылки, основные сценарии, адреса, метатеги, важные тексты и индексацию.
Когда сайту нужен редизайн
Редизайн нужен, когда сайт остается полезным, но его внешний вид, мобильная версия или путь к заявке мешают работе. Если проблема локальная, достаточно доработки или адаптации.
Сайт больше не соответствует компании
Изменились услуги, позиционирование или уровень проекта, а страницы по-прежнему показывают прежнюю компанию. Редизайн переносит актуальную подачу на существующий сайт. Новый логотип и фирменный стиль в состав не входят.
Структура не успела за ростом компании
Новые направления добавлялись по одному, меню разрослось, важные страницы трудно найти. В этом случае меняем не только вид, но и навигацию и путь к заявке.
На телефоне неудобно читать и отправлять заявку
Текст мелкий, меню закрывает экран, кнопки стоят близко, форма не помещается. Если на компьютере сайт устраивает, сначала сравниваем редизайн с отдельной мобильной адаптацией.
Посетители приходят, но не находят нужное действие
Важная услуга спрятана, первый экран не объясняет предложение, форма длинная или кнопка обращения теряется. Проверяем, достаточно ли исправить отдельные места или нужно пересобрать шаблоны целиком.
Содержимое трудно обновлять
Замена текста, цены или изображения требует программиста, а старый шаблон ломается от новых материалов. Пересобираем согласованные шаблоны или предлагаем новую основу, если текущая система больше не подходит.
Сайт приносит переходы из поиска, и его опасно менять без плана
При смене шаблона можно закрыть текст от поисковика, а при смене адресов — потерять связь старых страниц с новыми. Поэтому заранее фиксируем адреса, метатеги, важные тексты и перенаправления.
Обновить нужно почти весь сайт
Если меняются структура, тексты, каталог, система управления и логика заявки, редизайн становится разработкой нового сайта. Сравниваем оба варианта до сметы.
Как меняется сайт при редизайне
Сайт до и после редизайна. Страницы, тексты и адреса те же, меняются внешний вид, мобильная версия и путь к заявке.
-
Первый экран
Было:Не объясняет предложение, кнопка обращения теряется
Стало:Предложение и кнопка обращения видны сразу
-
Меню и навигация
Было:Меню разрослось, важные страницы трудно найти
Стало:Меню и навигация пересобраны вокруг главных разделов
-
Телефон
Было:Текст мелкий, кнопки стоят близко, форма не помещается
Стало:Мобильная версия согласованных шаблонов
-
Что сохранили
Было:Адреса страниц, тексты, формы и аналитика
Стало:Те же адреса страниц, тексты, формы и аналитика
Сайты, которые сделал Меноком, — в блоке работ ниже.
Какой объем работ подходит вашему сайту
Готовое решение может стоить дешевле редизайна, потому что запускается со своим дизайном и без переноса содержимого. Редизайн нужен, когда важно сохранить действующие страницы, тексты, формы, аналитику и сложившуюся структуру.
| Вариант | Когда подходит | Стоимость | Что учитывать |
|---|---|---|---|
| Доработка сайта | Нужно изменить один блок, форму, кнопку, цвет, шапку, мобильную ошибку или отдельную страницу. | 3 000 руб./час, минимум один час. | Состав и стоимость называем после описания задачи. |
| Адаптация под мобильные | Вид на компьютере устраивает, а на телефоне сайт неудобен. | Лендинг — от 18 000 руб., корпоративный сайт — от 30 000 руб., магазин — от 60 000 руб. | Внешний вид на компьютере и адреса страниц сохраняются. |
| Редизайн | Структура и содержимое в основном годятся, а внешний вид, мобильная версия и путь к заявке устарели. | По смете после разбора сайта. | Новый дизайн внедряем в рабочую основу и переносим согласованное содержимое. |
| Новый сайт | Меняется почти все или переносить со старого сайта почти нечего. | Корпоративный сайт: готовое решение от 97 000 руб., индивидуальный от 180 000 руб.; магазин — от 146 900 руб. или индивидуальный от 297 000 руб.; HTML-лендинг — от 30 000 руб. | Готовое решение быстрее и дешевле, когда его структура подходит и большой перенос не нужен. |
Что происходит с действующим сайтом
До сметы фиксируем, что остается, какие шаблоны меняются, что проверяем перед запуском и какие задачи потребуют отдельной оценки.
То, что продолжает решать задачу
Состав сохраняемого зависит от состояния сайта и согласованной глубины редизайна. Это фиксируется до начала работ.
- Домен, если переезд не входит в проект
- Рабочие страницы и их адреса, если структура не меняется
- Актуальные тексты, фотографии, документы и карточки каталога
- Заголовки страниц, метатеги и внутренние ссылки
- Формы и адреса, куда приходят заявки
- Аналитику и настроенные цели
- Систему управления, если она обновляется и подходит для нового вида
Новый вид и путь к заявке
Перерисовываем и заново верстаем согласованные шаблоны. Глубина изменений зависит от того, остается ли прежняя структура.
- Сетку, типографику, цвета и изображения
- Первый экран и блоки доверия
- Меню и навигацию, если они мешают
- Шаблоны главной, услуг, списков, карточек, каталога и товара по смете
- Мобильную версию согласованных шаблонов
- Адаптивную верстку для компьютера, планшета и телефона
Работа сайта перед запуском
Проверяем новый вид на тестовой копии. После согласования переносим его на рабочий домен и повторяем ключевые проверки.
- Отправку форм и получение заявок
- Меню, ссылки, карточки и основные сценарии
- Отображение на компьютере, планшете и телефоне
- Старые и новые адреса страниц
- Метатеги, заголовки и важные тексты
- Аналитику и цели
- Индексацию и критические ошибки в вебмастерах, если есть доступ
Работы вне базового редизайна
Если эти задачи нужны, добавляем их в смету до начала соответствующего этапа.
- Новый логотип, фирменный стиль и брендбук
- Написание всех текстов сайта с нуля
- Массовое наполнение каталога
- Личный кабинет, калькулятор, квиз, сложный импорт и нестандартные интеграции
- Продвижение и реклама после запуска
- Фотосъемка, видео, платные шрифты и иллюстрации
- Регулярная техническая поддержка
Два варианта редизайна
Локальную правку или отдельную мобильную адаптацию выбирают по таблице выше. Сам редизайн либо сохраняет прежнюю структуру, либо включает ее пересборку.
Новый вид на прежней структуре
Рисуем новые шаблоны ключевых страниц, делаем мобильную версию, внедряем их в ту же систему управления и переносим содержимое. Адреса страниц не меняются.
Подходит, еслиСтруктура и тексты годятся, устарели внешний вид и мобильная версия.
Другой вариант лучше, еслиМеню, разделы, содержимое и логика заявки требуют полной пересборки.
Полный редизайн со сменой структуры
Пересобираем меню, разделы и шаблоны, объединяем или убираем согласованные страницы. Для изменившихся адресов готовим таблицу соответствий и перенаправления 301.
Подходит, еслиКомпания выросла, сменила направление или прежняя структура мешает.
Другой вариант лучше, еслиМеняется почти все, а действующие страницы, тексты, формы и структура почти не нужны.
Если нужны только макеты
Можно заказать макеты для своего разработчика. Это отдельная услуга «Дизайн сайта»: верстка, внедрение в систему управления, перенос адресов и проверка запуска остаются на стороне вашей команды.
Как проходит редизайн
В обеих ветках сначала определяем состав, согласуем макеты и собираем новый вид на тестовой копии. Разница — в работе с адресами страниц.
-
Смотрим внешний вид, структуру, мобильную версию, формы, каталог, систему управления и страницы, которые получают переходы из поиска.
Результат: выбран подходящий формат работы.
-
Записываем список шаблонов и страниц, сохраняемую структуру, обязательные работы, отдельные опции, сумму и этапы оплаты.
Результат: смета и границы проекта согласованы.
-
Собираем логику первого экрана, меню, карточек, форм, блоков доверия и пути к заявке.
Результат: логика ключевых страниц согласована.
-
Сначала показываем концепцию ключевой страницы, затем основные шаблоны и их мобильные версии. Макеты согласуются до верстки.
Результат: макеты утверждены.
-
Подключаем новые шаблоны к системе управления, пока рабочий сайт остается доступным в прежнем виде.
Результат: новый вид работает на тестовом адресе.
-
Переносим согласованные тексты, изображения, метатеги, формы и аналитику. Проверяем, что тексты доступны поисковику и мобильная версия содержит важное содержимое.
Результат: содержимое и настройки перенесены.
-
Проверяем основные размеры экранов, формы, ссылки, меню, карточки, заявки, аналитику и отсутствие случайных запретов индексации.
Результат: список проверок закрыт.
-
После согласования переключаем рабочий сайт. Затем проверяем индексацию, критические ошибки и важные страницы в вебмастерах, если есть доступ.
Результат: новый вид запущен, важные страницы проверены.
-
Смотрим внешний вид, структуру, мобильную версию, формы, каталог, систему управления и страницы, которые получают переходы из поиска.
Результат: выбран подходящий формат работы.
-
Записываем список шаблонов и страниц, обязательные работы и опции. Для важных страниц готовим таблицу «старый адрес — новый адрес».
Результат: смета, границы проекта и карта адресов согласованы.
-
Собираем меню, разделы, ключевые страницы, карточки, формы и путь к заявке. Для удаляемых страниц выбираем близкие по смыслу новые разделы.
Результат: структура и логика страниц согласованы.
-
Сначала показываем концепцию ключевой страницы, затем основные шаблоны и их мобильные версии. Макеты согласуются до верстки.
Результат: макеты утверждены.
-
Подключаем новые шаблоны к системе управления, пока рабочий сайт остается доступным в прежнем виде.
Результат: новый вид работает на тестовом адресе.
-
Переносим тексты, изображения, метатеги, формы и аналитику. Ставим постоянные перенаправления 301 со старых адресов на соответствующие новые, обновляем внутренние ссылки и карту сайта.
Результат: содержимое перенесено, перенаправления настроены.
-
Проверяем основные размеры экранов, формы, ссылки, меню, карточки, заявки, аналитику, новые адреса и правила индексации.
Результат: список проверок закрыт.
-
После согласования переключаем рабочий сайт. Затем проверяем перенаправления, индексацию и ошибки в вебмастерах, отправляем важные страницы на переобход в Яндексе.
Результат: новый вид запущен, перенос адресов проверен.
Даже при корректном переносе поисковику нужно время. Обработка изменений занимает от нескольких недель; в этот период позиции могут колебаться. Неизменность позиций не обещаем.
Перенаправления со старых адресов оставляются надолго. Google рекомендует сохранять их не меньше года.
Карта адресов и проверка запуска
Таблица «старый адрес — новый адрес»
Для важных страниц готовим таблицу «старый адрес — новый адрес». Для удаляемых страниц выбираем близкие по смыслу новые разделы. Ставим постоянные перенаправления 301 со старых адресов на соответствующие новые, обновляем внутренние ссылки и карту сайта.
Список проверок на тестовой копии и после запуска
Проверяем основные размеры экранов, формы, ссылки, меню, карточки, заявки, аналитику, новые адреса и правила индексации. После согласования переносим новый вид на рабочий домен и повторяем ключевые проверки.
Стоимость редизайна
Точную сумму называем после разбора сайта: нужно увидеть число уникальных шаблонов, объем переноса, состояние системы управления и глубину изменений.
Лендинг или одна посадочная
По сметеНовый дизайн, адаптивная верстка, внедрение на сайт, перенос согласованного содержимого, проверка формы и аналитики.
ПодойдетОдна страница с самостоятельным предложением и формой обращения.
Корпоративный сайт
По сметеНовый вид ключевых шаблонов, мобильная версия, внедрение в систему управления, перенос структуры, адресов, текстов, форм и аналитики в согласованном объеме.
ПодойдетСайт компании с главной и несколькими типами внутренних страниц.
Интернет-магазин или каталог
По сметеНовый вид каталога, карточек товаров и ключевых страниц, мобильная версия, внедрение, перенос товарной структуры, форм и аналитики.
ПодойдетСайт с каталогом, фильтрами, карточками и сценарием заказа.
Общий состав проекта
- Анализ состояния сайта
- Список шаблонов, страниц и сохраняемого содержимого
- Проектирование ключевых страниц
- Дизайн и мобильные версии
- Адаптивная верстка и внедрение
- Настройки для поиска при переносе
- Формы, аналитика и основные сценарии
Отдельно оцениваются новый логотип и фирменный стиль, написание всех текстов, массовое наполнение каталога, новый сложный функционал, продвижение, реклама, фото и видео, платные материалы и регулярная поддержка.
От чего зависит смета
На стоимость влияют тип сайта и число уникальных шаблонов, изменение структуры и адресов, объем переноса содержимого, состояние системы управления и новый функционал. Портал, кабинет, сервис и другой сложный проект считаются по числу ролей, страниц, сценариев и технических ограничений.
Оплата поэтапная. Схему фиксируем в смете вместе с составом проекта и сроком каждого этапа.
Работы, которые могут понадобиться отдельно
Добавляем их в смету только при соответствующей задаче.
До начала каждой дополнительной работы называем ее состав и стоимость. Крупный магазин, большой сайт, сайт с множеством регионов или сложной историей падения оцениваем отдельно для SEO-аудита. Обновление модулей 1С-Битрикс в обновление ядра не входит.
Сайты, которые мы сделали
Примеры сайтов, которые разработал Меноком. Это общая подборка работ по созданию сайтов, а не кейсы именно редизайна.
Корпоративный сайт с услугами, ценами, проектами и статьями.
Посмотреть проект →
Сайт-каталог с сотнями товаров, фильтрами и региональными страницами.
Посмотреть проект →
Сайт академии тенниса с занятиями, тренерами, расписанием и ценами.
Посмотреть проект →
Сайт школы финансовой грамотности с программами и онлайн-оплатой.
Посмотреть проект →
Сайт сети центров кузовного ремонта с услугами и быстрым обращением.
Интернет-магазин морепродуктов с каталогом и оформлением заказа.
Интернет-магазин электроинструмента с большим каталогом и поиском.
Сайт-каталог строительной компании с проектами домов и бань.
Корпоративный сайт компании с направлениями работы и каталогом продукции.
Интернет-магазин косметики с каталогом, акциями и подборками.
Сайт детейлинг-центра с услугами, ценами и записью.
Топ-Ремонт
Разберем действующий сайт и состав редизайна
Напишите адрес сайта и что хотите изменить. Посмотрим страницы, мобильную версию и технические ограничения, затем подготовим состав и оценку работ.
- Разберем действующий сайт и задачу
- Зафиксируем шаблоны, страницы и отдельные работы
- Подготовим стоимость и этапы
Почему Меноком
Как связываем дизайн, внедрение и проверку рабочего запуска.
Продвижение — наша основная услуга
По SEO мы продвинули более 500 сайтов. Поэтому при редизайне проверяем адреса, метатеги, тексты, внутренние ссылки и индексацию как часть проекта.
Фиксируем состав до дизайна
До макетов записываем список шаблонов, сохраняемых страниц, обязательных работ и отдельных опций.
Дизайн, верстка и внедрение в одной команде
Одни и те же согласованные шаблоны проходят путь от макета до системы управления. Вам не нужно сводить нескольких подрядчиков.
Новый вид сначала работает на тестовой копии
До запуска проверяем формы, ссылки, основные сценарии и поисковые настройки. Рабочую версию переключаем после согласования.
Работаем с 2004 года
За это время с Менокомом работали более 1600 клиентов из 80 тематик. Состав проекта связываем с задачей сайта, а не с числом модных приемов.
После запуска можно продолжить работу
Продвижение, техническую поддержку и разовые доработки оцениваем как отдельные услуги, если они понадобятся сайту дальше.
Клиенты Менокома по разработке и продвижению
Общий опыт компании, а не перечень проектов редизайна.
Отзывы о работе с Менокомом
Благодарственные письма на бланках компаний: о редизайне, доработке, поддержке и продвижении сайтов.
Уральская Вертолетная Компания
Что фиксируем до начала работ
Состав, стоимость, срок и порядок запуска записываем в смете до соответствующего этапа.
Состав и стоимость
Перечисляем шаблоны, страницы, работы и опции. Новую работу сначала оцениваем и начинаем после согласования.
Срок этапов
Записываем срок каждого этапа и отдельно учитываем время, которое потребуется на материалы и согласования с вашей стороны.
Проверка и запуск
Новый вид собираем на тестовой копии, проверяем согласованные сценарии и переносим на рабочий домен после утверждения.
Исправление наших ошибок в полном редизайне
Если после сдачи работ находится ошибка в нашей работе, исправляем ее бесплатно в течение трех месяцев. Это относится к полному редизайну с версткой, внедрением и настройкой сайта. Для варианта «только дизайн-макеты» гарантия не действует.
Частые вопросы о редизайне сайта
01Что происходит с позициями после редизайна?
С нашей стороны сохраняем адреса страниц, а для изменившихся адресов настраиваем перенаправления 301 на соответствующие новые страницы. Переносим заголовки, метатеги, важные тексты и внутренние ссылки, проверяем индексацию и ошибки в вебмастерах. Поисковику нужно время на обработку изменений, поэтому позиции могут колебаться даже при корректном переносе.
02Почему редизайн по объему похож на новый сайт?
Дизайн, мобильная версия и верстка создаются заново. Дополнительно нужно внедрить их в действующую систему управления, перенести адреса, тексты, формы и аналитику, проверить тестовую копию и рабочий запуск. Экономия появляется там, где можно сохранить структуру, содержимое и текущую систему.
03Почему новый сайт на готовом решении иногда дешевле?
Готовое решение запускается со своим дизайном и без переноса большого объема содержимого. Если переносить почти нечего и структура решения подходит, это разумный вариант. Если на сайте накоплены страницы, тексты, формы и поисковый трафик, при редизайне есть смысл сохранить адреса и содержимое, а изменения перенести по плану. Это снижает риск, но трафик и позиции могут колебаться, пока поисковики обрабатывают изменения.
04Можно обновить только главную страницу или мобильную версию?
Да. Если нужно изменить один блок, форму, кнопку, шапку или исправить локальную ошибку, считаем это отдельной доработкой. Если внешний вид на компьютере устраивает, а проблема только на телефоне, отдельно оцениваем мобильную адаптацию.
05Сохранится ли система управления сайтом?
Если система обновляется и подходит для нового вида, оставляем ее и внедряем новые шаблоны. Если техническая основа мешает работе, показываем ограничение и отдельно оцениваем обновление платформы или новый сайт.
06Что происходит с рабочим сайтом во время редизайна?
Новый вид собираем и проверяем на тестовой копии. В это время рабочая версия остается доступной в прежнем виде. Порядок переключения и связанные ограничения фиксируем до запуска.
07Сколько длится редизайн?
Срок зависит от числа уникальных шаблонов, глубины изменений, объема переноса и скорости согласований. Точный срок называем после разбора сайта и записываем по этапам в смете.
08Что нужно для оценки?
Адрес сайта, описание того, что не устраивает, сведения о продвижении и важных страницах, логотип и фирменные материалы, примеры подходящих сайтов. Если нужно оценить риски для поиска, потребуются доступы к аналитике и вебмастерам.
09Кто пишет тексты и готовит фотографии?
Существующие тексты и фотографии переносим и приводим к новому виду в согласованном объеме. Написание всех текстов с нуля, фотосъемка, видео и покупка материалов в редизайн не входят и оцениваются отдельно.
10Можно заказать только макеты для нашего разработчика?
Да. Это отдельная услуга «Дизайн сайта». Верстка, внедрение в систему управления, перенос адресов и проверка рабочего запуска в таком проекте остаются на стороне вашего разработчика.
11Вы работаете только с 1С-Битрикс и WordPress?
Основные системы Менокома — 1С-Битрикс и WordPress. Сайт на другой системе сначала смотрим и только после этого говорим, сможем ли внедрить новый дизайн и на каких условиях.
12Что вы проверяете после запуска?
Проверяем важные страницы, формы, ссылки, аналитику, перенаправления, индексацию и критические ошибки в вебмастерах, если есть доступ. Регулярное продвижение, поддержка и дальнейшие доработки считаются отдельно.
13Что делать, если во время работы понадобится новый функционал?
Фиксируем, как новая функция меняет шаблоны, данные и сценарии, затем называем отдельную стоимость. Личный кабинет, калькулятор, квиз, сложный импорт и нестандартные интеграции не включаются в смету редизайна автоматически.
Если действующий сайт выгоднее заменить
Выбираем тип по задаче и способу работы с содержимым и заказами.
Обсудим редизайн вашего сайта
Напишите адрес сайта и что хотите изменить. Уточним задачу и подготовим оценку: доработка, мобильная адаптация, редизайн или новый сайт.
