Фирменный стиль и дизайн

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

Обсудить задачу
Содержание страницы

Когда бизнесу нужен фирменный стиль

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

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

  • Компания запускает продукт и готовит первые точки контакта с аудиторией.
  • Бренд изменился, но его оформление передает прежнее предложение.
  • Материалы команды и подрядчиков расходятся по стилю.
  • Нужно обновить сайт, сохранив узнаваемость действующего бренда.

Что входит в разработку дизайна

Исследование контекста

Разбираем предложение компании, аудиторию и существующие материалы. Смотрим, как оформлены конкуренты и какие приемы уже привычны в категории. Отмечаем ограничения: длинные названия, языковые версии, размеры упаковки, особенности сайта и печати.

Визуальная концепция

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

Носители и интерфейсы

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

Руководство по стилю

Фиксируем правила использования цветов, шрифтов, графики и композиции. Готовим шаблоны и примеры применения. Объем руководства зависит от числа носителей и того, кто будет выпускать новые материалы после проекта.

Как принимаем решения о дизайне

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

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

Что передаем команде

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

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

Примеры работ

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

Для ЛавПрод обновление визуальной подачи сопровождало пересборку сайта и каталога. Эти примеры позволяют увидеть дизайн в работе, в составе конкретной задачи бизнеса.

Формат и стоимость

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

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

Связанные задачи

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

Обсудить задачу