Актуализируем дизайн сайта под новый бренд-стиль

С какими CMS работаем

Обновим дизайн под новый бренд-стиль на сайтах на Битрикс, WordPress, CMS Made Simple, ModX, Laravel и Тильде. Работаем с текущим проектом: меняем визуальный слой там, где это можно сделать без пересборки всего сайта.

Когда это нужно

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

Иногда бренд обновили частично. Новый логотип уже стоит, а кнопки, формы и карточки услуг всё ещё из прошлой версии. Из-за этого сайт выглядит недорогим не потому, что он плохо сделан, а потому что стиль внутри него не собран.

Для заявок это важно. Человек сначала видит рекламу и новые материалы, затем попадает на сайт и не узнаёт компанию. Сомнение появляется ещё до формы.

Что обновляем

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

Не раскрашиваем всё подряд ради свежести. Сначала закрываем то, что бросается в глаза: шапка, первый экран, кнопки, заголовки, формы. Затем подтягиваем внутренние шаблоны, чтобы новая главная не спорила со старой карточкой услуги.

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

Как работаем

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

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

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

Результат

Сайт начинает совпадать с текущим бренд-стилем. Логотип, цвет, кнопки и основные экраны выглядят как одна система, а не как набор старых и новых элементов. Компания узнаётся и в рекламе, и на самом сайте.

Вы видите обновлённые шаблоны и понимаете, что уже привели к новому стилю, а что лучше обновить следующим этапом.

Выполненные работы