Ребрендинг AdSkill и создание бренд-системы
Ребрендинг рекламного агентства. От анализа позиционирования до внедрения единой дизайн-библиотеки.

Ребрендинг AdSkill и создание бренд-системы

Ребрендинг рекламного агентства. От анализа позиционирования до внедрения единой дизайн-библиотеки.
Роль
Старший дизайнер по направлению «Веб-дизайн»
Формат работы
In-house, длительный проект, совместно с бренд-дизайнером
Какие процессы лидировала
• Анализ конкурентов и позиционирования; ` • Разработка Key Visuals; ` • Редизайн корп. сайта и лендингов; ` • Создание концепции 3D иллюстраций, работа с 3D дизайнером; ` • Разработка чеклистов для SMM; ` • Систематизация материалов по веб-проектам; ` • Создание и актуализация библиотеки компонентов; ` • Внедрение культуры диджитал-гигиены.
Фокус проекта
Визуальная идентичность, дизайн-система, процессы
Ключевые компетенции
Брендинг, дизайн-менеджмент, документирование
Ключевые результаты:

  • Проведен ребрендинг: усиление имиджа и повышение узнаваемости бренда;
  • С 0 создана полноценная бренд-система (цвета, шрифты, 3D-графика, KV) — основа для всех каналов коммуникации;
  • Внедрена единая библиотека элементов: сокращение времени на создание макетов на 40%;
  • Оптимизированы процессы: в 2 раза сократилось время на онбординг новых сотрудников и поиск материалов;
  • Устранен визуальный хаос: консистентность на всех носителях (примерное количество носителей представлено на инфографике ниже ⬇️)

1. О компании, проблемах и задаче

AdSkill — международное агентство по оптимизации и запуску рекламных кампаний. На рынке более 10 лет. Среди клиентов Skyeng, Skillbox, Синергия, Inspiritum.

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

1.1 Проблемы старого дизайна бренда:

Визуальный хаос:
  • Разрозненные элементы стиля (цвета, текстуры, KV) без общей логики;
  • Отсутствие узнаваемости: аудитория не могла четко идентифицировать бренд. Компании сложно было сформировать устойчивый узнаваемый имидж.

Отсутствие бренд-системы:
  • Дизайн-файлы хранились хаотично (личные аккаунты дизайнеров, дублирование);
  • Нет гайдлайнов → каждый проект требовал доп. согласований и времени.

Дизайн не соответствует позиционированию:
Визуал устарел и не отражал новое видение и подход компании.
Визуал бренда до редизайна ⬇️

1.2 Задачи проекта
Совместно с бренд-дизайнером мы запустили комплексный проект по редизайну и систематизации, который решал следующие задачи:

  • Проведение редизайна — для единой коммуникации и устойчивого восприятия бренда;
  • Систематизация материалов и создание общего рабочего пространства;
  • Разработка бренд-системы.

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

2. Аналитика и ревизия

2.1 Анализ позиционирования и решений конкурентов

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

  • Провели сравнительный анализ конкурентов и компаний из смежных сфер деятельности с фокусом на: Tone of voice, графику, паттерны и работу с фотоконтентом. Анализировали сильные стороны в дизайне компаний и выявляли моменты, в которых хотелось бы отстроиться.
В результате анализа, например, я выявила, что большинство конкурентов избегают живых фото, из-за чего создается эффект безликости.

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

На этом этапе:
  • Отсеяли 70% элементов старого дизайна;
  • Сохранили часть компонентов прежнего стиля, которые решили доработать;
  • Добавили новые направления. Например:
~ концепция разработки 3D-иллюстраций с акцентом на функциональность (не декор, а передача смыслов);
~ интерфейсная графика для цифровых продуктов;
~ обновленная цветовая палитра на основе позиционирования.

3. Разработка нового фирменного стиля

3.1 Ключевые дизайн-элементы. Что создали на основе анализа:

  • Бренд-дизайнер создала обновлённое лого;
  • Переработали цветовую палитру: оставили основные цвета компании, но отказались от их градиентного сочетания, переработали процентное соотношение цветов и их назначение.
  • Сегментировали цвета на ключевые и второстепенные;
  • Создали базовый Key Visual, а также отдельные KV под акции и ивенты;
  • 3D-дизайнер разработала пак фирменных 3D иллюстраций компании;
  • Проработали текстуры и эффекты.
Все эти элементы заложили основу фирменной графической коммуникации AdSkill.
3.2 Гайдлайны и масштабирование:

Разработали документацию по работе с дизайн-элементами:
  • Гайдлайны по работе с цветом, шрифтами, лого (с примерами использования);
  • Проработали концепцию 3D иллюстраций: композицию, материалы, примеры и антипримеры, работу с графикой для прямой и абстрактной услуги, эффекты, освещение, набор подсказок и т. д. + Создали памятку с этапами по созданию 3D иллюстраций;
  • Создали чеклисты с приемами для сборки дизайна для SMM (включая motion-дизайн);
  • Гайд по созданию корпоративных юзерпиков;
  • Правила для работы с фото и видео стилем.
Результат: единообразие на всех носителях — от внутренних презентаций до внешних каналов коммуникации.
*Я разработала гайдлайны по 3D-графике и юзерпикам, вместе с бренд-дизайнером работала над гайдами для SMM и применению цветов.

4. Создание единого рабочего пространства в Figma и дизайн-библиотеки

Изначально все figma-файлы по проектам хранились отдельно на личных аккаунтах у каждого дизайнера.
Чтобы систематизировать файлы в 1 месте мы с бренд-дизайнером собрали все файлы в единую корпоративную фигму и ситематизировали по видам и типам проектов.

Я работала над систематизацией файлов по веб-проектам.
4.1 Бибилиотека компонентов

Создали централизованную библиотеку для всех носителей c вариативными компонентами:
  • Цветовые палитры и шрифты;
  • Графика: паки иллюстраций, корпоративные аватары, модификации логотипа, а также лого компаний наших клиентов, партнеров и рекламных площадок (это направление полностью обновляла я).
  • Шаблоны: готовые решения для быстрого создания контента.
4.2 Основа для веб-ресурсов

Система легла в основу UI-kit’ов для:
  • Корпоративного сайта;
  • Информационного портала;
  • Маркетинговых лендингов;
  • Веб-платформы для клиентов.
UI-kit’ы для сайта и информационного портала разрабатывала самостоятельно. Для лендингов — дизайнер делал под моим наставничеством. Для веб-платформы — привлекалась для ревью на соответствие фирстилю.
4.3 Разноформатное применение:

После разработки элементы бренд-системы применялись дизайнерами для:
  • SMM (разработка сторис и постов);
  • Моушн-дизайна;
  • Ивент-дизайна (key visuals для мероприятий);
  • Акционных материалов;
  • Дизайна внутренней корпоративной HR-платформы.

Результат. Созданная библиотека обеспечила:
  • визуальную целостность бренда на всех носителях;
  • оптимизацию работы команды.
Любой участник дизайн-команды может быстро найти необходимые графические элементы. Это ускорило создание контента и минимизировало расхождения в визуале.

5. Культура диджитал-гигиены, создание справочников-навигаторов

5.1 Справочники-навигаторы

Для того, чтобы новые, текущие и привлеченные сотрудники не терялись в дизайн-файлах я разработала в Figma справочник-навигатор, который содержал ссылки на все проекты, на все файлы проекта и страницы. Каждая единица содержала ссылку и краткое описание. Аналогичную работу проделали с бренд-дизайнером в и Google Drive.
Такие навигаторы позволили нам быстро онбордить новых сотрудников и самим быстро ориентироваться в проектах друг-друга если нужна какая-то информация или совместная работа.
5.2 Диджитал-гигиена

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

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

6. Итоги проекта

Ребрендинг компании
  • Создали современную визуальную систему на основе позиционирования бренда;
  • Устранили хаотичность старого стиля, сохранив его основы;
  • Внедрили фото и видео контент для большей «человечности» бренда.

Создание бренд системы
Разработали базовую библиотеку компонентов, которая:
• Стала основой для всех дизайн-носителей;
• Позволяет быстро адаптировать стиль под новые продукты (например, UI-киты для сайтов или платформы).

Оптимизация рабочих процессов
• Дизайн-библиотека и справочники сократили время на поиск материалов и создание макетов.
• Гайдлайны и чеклисты уменьшили количество ошибок и согласований.
• Внедрили цифровую гигиену для поддержания системы в актуальном состоянии.

Результаты для компании
  • Узнаваемость и единообразие дизайна на всех носителях;
  • Гибкость: стилистика развивается, поддерживается и быстро адаптируется под новые проекты;
  • Экономия ресурсов: сокращение времени на рутинные задач и поиск контента, больше времени на создание креативного визуала.
Made on
Tilda