[ описание ]

Rokodil

Задача

Нужно было вернуть бренду целостность, убрать разрозненные решения и сократить время на разработку дизайн-макетов до 40%.

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

Нужно было вернуть бренду целостность, убрать разрозненные решения и сократить время на разработку дизайн-макетов до 40%.

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

решение

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

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

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

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

Знак функционирует на двух семиотических уровнях: визуально он воспринимается как развевающийся флаг и как буква «Ф» — первая буква слова «фонд».

Полное наименование фонда.

Знак функционирует на двух семиотических уровнях: визуально он воспринимается как развевающийся флаг и как буква «Ф» — первая буква слова «фонд».

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

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

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

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

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

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

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

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

процесс

Здесь собраны фрагменты процесса: наброски, скетчи и варианты, которые помогли прийти к итоговому результату.

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

Здесь собраны фрагменты процесса: наброски, скетчи и варианты, которые помогли прийти к итоговому результату.

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

Qnits

Клиент

В систему вошло более 50 компонентов, 5+ описанных процессов, правила работы со всеми компонентами и гайдлайны для основных макетов: упаковки, инструкции, стикеры и инфографики для МП.

Сократилось время на выполнение дизайн-задач на 40+%.

Результаты

дизайнеры

Аня Манурина, Саша Касаткина, Настя Найдёнова, Илья Свинарёв

брендинг и айдентика

Fabula

продакт-менеджер Rokodil

Илья Сушко

арт-директор и менеджер проекта

Коля Головин

дизайнер дизайн-системы

Саша Петров

Команда