РЕДИЗАЙН САЙТОВ
Превращаю устаревшие сайты в современные, быстрые и конвертирующие. Новый дизайн, новый код, новый результат — без потери SEO-позиций.
Как выглядит редизайн
Наведите курсор, чтобы увидеть преображение. Каждый элемент трансформируется: от устаревшего к современному.
Шапка сайта
- ✗ Бургер-меню отсутствует
- ✗ Логотип 40×40 пикселей
- ✗ Нет sticky-позиционирования
Шапка сайта
- ✓ Адаптивное меню + бургер
- ✓ Современный SVG-логотип
- ✓ Sticky-шапка с backdrop-blur
Карточки товаров
- ✗ Таблица без отступов
- ✗ Растянутые фото
- ✗ Нечитаемый текст
Карточки товаров
- ✓ Grid-сетка с gap
- ✓ Обрезка Aspect-ratio
- ✓ Типографика 16px+
Мобильная версия
- ✗ Горизонтальная прокрутка
- ✗ Кнопки 20px (не нажать)
- ✗ Шрифт 10px
Мобильная версия
- ✓ Mobile-first подход
- ✓ Touch target 44px+
- ✓ Адаптивная типографика
Скорость загрузки
- ✗ Загрузка 5+ секунд
- ✗ Неоптимизированные PNG
- ✗ jQuery + 20 плагинов
Скорость загрузки
- ✓ LCP < 2.5 сек
- ✓ WebP + lazy loading
- ✓ Vanilla JS + минификация
Зачем нужен редизайн?
Устаревший дизайн снижает доверие и мешает пользователю оставить заявку. Чаще всего проседают первый экран, навигация, мобильная версия и форма.
94% первого впечатления — дизайн
По данным исследования Stanford Web Credibility, визуальный дизайн — главный фактор доверия к сайту.
75% судят о бизнесе по сайту
Исследование Blue Corona: 3 из 4 пользователей оценивают надёжность компании по качеству её сайта.
38% уходят из-за плохого дизайна
Adobe: каждый третий посетитель покидает сайт, если контент и верстка не привлекают внимания.
5 этапов редизайна
Каждый проект проходит полный цикл: от анализа текущего состояния до запуска обновлённого сайта. Наведите на карточку для деталей.
Аудит и аналитика
hover ↻Полный анализ текущего сайта: юзабилити, скорость, мобильная адаптация, тепловые карты, воронки конверсий. Формирую отчёт с конкретными рекомендациями.
UX/UI дизайн
hover ↻Проектирование user flow, создание wireframes и интерактивных прототипов в Figma. Согласование с вами каждого экрана перед разработкой.
Прототипирование
hover ↻Интерактивный прототип с реальными переходами, анимациями и микро-интеракциями. Вы тестируете его как готовый сайт, до начала разработки.
Разработка
hover ↻Pixel-perfect вёрстка на чистом стеке: HTML5, CSS3, Vanilla JS. Интеграция с CMS, перенос контента, оптимизация скорости.
Запуск и миграция
hover ↻Плавная миграция без потери SEO-позиций: 301-редиректы, XML-карта, проверка индексации. Мониторинг метрик 30 дней после запуска.
Мой подход vs Типичная веб-студия
Что вы получите
Обновляю сайт по слоям: структура, визуал, скорость, мобильная версия и SEO-миграция.
- Дизайн под бренд и задачи сайта
- Адаптивная вёрстка для всех устройств
- Скорость загрузки менее 2 секунд
- SEO-миграция без потери позиций
- Интерактивные микро-анимации
- Оптимизация конверсионных элементов
- Чистый и поддерживаемый код
- Подробная документация по управлению
Стек технологий
"Редизайн начинается с сценариев пользователя: как он находит нужную страницу, что читает, где принимает решение и почему возвращается."
Пора делать редизайн, если...
Дизайну больше 3 лет
Веб-тренды меняются каждые 2-3 года. Устаревший дизайн снижает доверие пользователей и ухудшает метрики.
Bounce Rate выше 60%
Если большинство посетителей уходят сразу — сайт не решает их задачу. Часто причина в дизайне и UX.
Нет мобильной версии
Более 70% трафика — мобильный. Без адаптива вы теряете 7 из 10 потенциальных клиентов.
Загрузка > 3 секунд
53% пользователей покидают сайт, если он загружается дольше 3 секунд (Google Research).
Конверсия ниже 1%
Средняя конверсия сайта — 2-3%. Если ваша ниже 1%, скорее всего проблема в пользовательском опыте.
Трафик падает
Google учитывает UX-метрики (Core Web Vitals) при ранжировании. Плохой дизайн = низкие позиции.
Тарифы на редизайн
Экспресс
- Обновление цветовой схемы
- Современная типографика
- Адаптивная шапка и футер
- Оптимизация скорости
- Мобильная адаптация
Полный редизайн
- UX/UI дизайн в Figma
- Интерактивный прототип
- Pixel-perfect вёрстка
- Новая архитектура
- SEO-миграция
- Перенос контента
- Поддержка 3 месяца
Под ключ
- Всё из «Полный редизайн»
- Маркетинговая стратегия
- Контент-план на 6 месяцев
- A/B тестирование
- Настройка аналитики
- Поддержка 6 месяцев
Работаю на результат
SEO без потерь
Полная SEO-миграция: 301-редиректы, карта сайта, проверка индексации. Ваши позиции не пострадают.
Фиксированная цена
Смета утверждается до начала работ. Никаких доплат «за мобильную версию» или «за правки».
3 месяца поддержки
После запуска я бесплатно исправляю баги и вношу мелкие правки в течение 3 месяцев.
Вопросы о редизайне сайтов
Обычно 3-8 недель. Срок зависит от количества страниц, состояния текущего сайта, контента, интеграций и того, нужно ли сохранять старые URL для SEO.
Можно потерять, если просто заменить сайт. Я сохраняю важные адреса, переношу метатеги, настраиваю редиректы, проверяю карту сайта и контролирую индексацию после запуска.
Да. WordPress - основной стек для таких задач. Можно обновить тему, переписать шаблоны, сохранить админку, формы, блог, WooCommerce и нужные интеграции.
Не всегда. Иногда достаточно переработать первый экран, навигацию, карточки услуг, мобильную версию и формы. Перед работой смотрю, что реально мешает заявкам.
Полезный контент переносится и приводится в порядок. Слабые, дублирующие и устаревшие страницы лучше переписать или закрыть от индексации, чтобы они не тянули сайт вниз.
Сначала структура и прототип, потом визуальный стиль, затем верстка. Так легче поймать ошибки до разработки и не спорить о красивых деталях, пока не решена логика страницы.
Да. Новая версия собирается отдельно, старый сайт остается доступным. Переключение делается после проверки форм, страниц, мобильной версии и технических настроек.
Да. CRM, формы, оплата, доставка, аналитика и сторонние сервисы проверяются отдельно. Если старая интеграция нестабильна, предложу заменить ее до запуска.
Мобильная версия проектируется как отдельный сценарий. Проверяю меню, формы, карточки, кнопки, скорость, длинные заголовки и блоки, которые на телефоне часто ломают страницу.
Не обязательно. Можно аккуратно обновить сайт в рамках текущего стиля. Если айдентика устарела, лучше сначала зафиксировать базовые правила: цвета, типографику, сетку и тон.
Их нужно пересмотреть. Часть можно переписать, часть объединить, часть закрыть от индексации. Старый блог с пустыми текстами может мешать доверию и SEO.
Да, если на сайте есть трафик. Усиливаем оффер, понятность услуги, доказательства, CTA, формы, скорость и мобильный путь. Однако без трафика конверсию измерить сложно.
Да. Проверяю коды ответов, формы, аналитику, sitemap, robots.txt, консоль, мобильную версию, скорость и основные пользовательские сценарии. Без этого редизайн нельзя считать завершенным.
Можно. Часто начинаем с главной и ключевых услуг, затем переходим к блогу, кейсам и техническим страницам. Это снижает риск и быстрее дает видимый результат.
Стоимость зависит от объема страниц, глубины переработки, контента, интеграций и SEO-миграции. После короткого аудита можно назвать вилку, после структуры - точную смету.