Разработка сайтов · Редизайн сайта

Редизайн и обновление дизайна сайта

У сайта уже есть контент, история в поиске, интеграции и рабочая бизнес-логика — устарел вид и то, как им пользуются. Редизайн обновляет внешний вид, структуру и взаимодействие, не переписывая проект с нуля.

  • Современный дизайн без потери содержания сайта
  • Улучшение структуры, навигации и UX
  • Адаптация интерфейса для мобильных устройств

Стоимостьпо договорённости

Схема редизайна: старый макет страницы перестраивается в новую сетку и компонентыБЫЛОСТАЛОКОМПОНЕНТЫМОБИЛЬНАЯ ВЕРСИЯСТРУКТУРА · НАВИГАЦИЯКОНТЕНТ · SEO · ИНТЕГРАЦИИ

Что такое редизайн сайта

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

Техническая основа при этом не обязательно меняется. Если действующая платформа и дальше позволяет развивать сайт, редизайн работает поверх неё: меняется то, что видит и делает пользователь.

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

Формат
Обновление дизайна и UX
Основа
Действующий сайт сохраняется
Стоимость и срок
по договорённости

Когда сайту нужен редизайн

  • 01

    Дизайн выглядит устаревшим

    Сайт заметно старше остальных материалов компании.

  • 02

    Неудобно на смартфонах

    Мобильная версия осталась на втором плане, а большинство визитов именно оттуда.

  • 03

    Трудно найти нужное

    Навигация и структура больше не соответствуют тому, чем компания занимается сегодня.

  • 04

    Бренд изменился

    Обновились айдентика и позиционирование, а сайт остался старым.

  • 05

    Новый контент не вписывается

    Материалы добавляются, но у старого интерфейса нет для них формы.

  • 06

    Слабая визуальная иерархия

    Страницы перегружены, а конверсионные элементы теряются среди остального.

Что мы можем изменить

  • Дизайн ключевых страниц

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

  • UI-компоненты

    Кнопки, карточки, таблицы, состояния полей — набор, из которого собираются все страницы.

  • Навигация и структура

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

  • Адаптивная версия

    Поведение интерфейса на смартфоне и планшете, а не уменьшенная копия десктопа.

  • Типографика

    Размеры, межстрочные интервалы и иерархия заголовков, чтобы текст читался.

  • Формы и CTA

    Поля, подсказки, ошибки и заметность призывов к действию.

  • Представление услуг и товаров

    Как показаны преимущества, цены, характеристики и сравнение.

  • Система компонентов

    Повторно используемые элементы, чтобы следующие страницы собирались быстрее.

Этапы работы

  1. Шаг 01

    Анализ существующего сайта

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

  2. Шаг 02

    Структура и UX

    Карта страниц, навигация, сценарии пользователя, прототипы ключевых экранов.

  3. Шаг 03

    Концепция дизайна

    Визуальный язык на одной-двух страницах: стиль, типографика, цвета, тон.

  4. Шаг 04

    Дизайн страниц и компонентов

    Остальные страницы и набор компонентов, из которых они собираются.

  5. Шаг 05

    Адаптивная реализация

    Вёрстка и интеграция с действующей платформой, поведение на всех размерах экрана.

  6. Шаг 06

    Тестирование и запуск

    Проверка страниц, форм и адресов, при необходимости — перенаправления, после чего запуск.

Стоимость и сроки

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

по договорённости

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

Что влияет на оценку

  • Количество страниц и типов шаблонов
  • Состояние действующей вёрстки и платформы
  • Объём новой структуры и навигации
  • Потребность в новой системе компонентов
  • Меняются ли адреса страниц

Редизайн зависит от того, что уже есть на сайте, поэтому фиксированной стартовой цены нет. Объём и срок называем после анализа действующего сайта.

Частые вопросы о редизайне сайта

  • Чем редизайн отличается от создания нового сайта?

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

  • Можно ли сохранить имеющийся контент?

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

  • Нужно ли менять CMS во время редизайна?

    Не обязательно. Если действующая система управления устраивает редакторов и не мешает развитию, редизайн делается на ней. Если именно она сдерживает проект, это уже задача модернизации, а не редизайна.

  • Можно ли обновить только отдельные страницы?

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

  • Что будет с мобильной версией?

    Мобильный интерфейс проектируем отдельно, а не масштабируем десктоп. Это часть редизайна, а не дополнительная опция.

  • Учитывается ли SEO во время редизайна?

    Да. До начала фиксируем действующие адреса, проиндексированные страницы, заголовки и описания, а если адреса меняются — готовим перенаправления. Гарантировать неизменность позиций не может никто, но потерю страниц и ссылок из-за недосмотра можно исключить.

Сайт устарел визуально, но работает?

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

Обсудить проект