Объединение или энтропия?
RAMBLER ADTECH РЕКЛАМНЫЕ ТЕХНОЛОГИИ
Проблематика визуальных коммуникаций и дизайн стратегия
К чему ведет второе?
1
Потеря брендовой составляющей
2
Неконтролируемая разработка
3
Рост стоимости обслуживания
4
Сложности интеграции новых сотрудников
6+ семейств шрифтов
15+ видов кнопок
5+ типов ссылок
Как этого избежать?
Сформировать и начать внедрять единый визуальный язык для всех проектов.
Плюсы данного подхода
Масштабируемость проектов
Оптимизация разработки
Упрощение процессов
Повышение качества
Опыт крупных компаний

Эстетика упорядочена за счет повторения элементов. Пользуясь ими, сразу понятно – сервис какой компании перед глазами. Явно проглядываются общие черты и паттерны, независимо от типа продукта.
Google + Material Design
Яндекс + БЭМ, Лего
Atlassian + Design Kit
Опыт Rambler&Co

Группа компаний также использует гайдлайны при разработке собственных проектов.
Опыт рекламных технологий

SSP UI + Bootstrap

Цели
1
Визуальная консистентность
Формирование устойчивой ассоциации с брендом
2
Единая дизайн система
Систематизация и дополнение визуального языка
3
Прозрачное планирование
Ускорение проектирования и разработки

Перспектива

График роста ценности компаний со стратегическим использованием дизайна в сравнении с компаниями, которые не ориентированы на дизайн
Индекс S&P500 – это индекс 500 американских компаний, которые были выбраны аналитиками Standard & Poor's в качестве показателей американского фондового рынка.

E Design Index – это индекс из 15 дизайн-ориентированных организаций, включая Apple, IBM, Ford, Target, Whirlpool, SteelCase, Starwood, Procter & Gamble, Intuit, Herman Miller, and Newell-Rubbermaid.

Источник – Design Management Institute, 2013


План
Формулирование задач
Фиксация целей
Создание инфраструктуры
Детализированные job stories

Корпоративная айдентика
Логотипы
Цвета
Шрифты
Иконки
Основные компоненты
Кнопки
Формы, чекбоксы, радио
Заголовки и текстовые блоки
Таблицы данных
Списки
Навигация
Шаблоны и сетки

Полноценная система
Модальные окна и поповеры
Сообщения и нотификации
Группы кнопок и тулбары
Графики
Модули и контейнеры
Гайдлайны
Анимация