[ описание ]

Rokodil

Задача

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

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

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

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

решение

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

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

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

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

Собрали все версии логотипа с охранным полем в единый компонент.

Каждому элементу присвоили свой оттенок.

Определили какие версии фирменного элемента будут использоваться в дизайн-макетах и упростили с ним работу.

Сократили количество начертаний.

Внедрили функцию замены шрифта с сохранением его настроек.

Фактоиды собрали в компонент-конструктор с готовыми сценариями: фон, иконки и разные размеры текста.

Разработали единую сетку для иконок.

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

Для инструкций разработали аналогичный инструмент на основе числа Фи. Унифицировали форматы по DIN, вшили стили текста и элементов, чтобы ускорить вёрстку.

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

Обновили обложки и стандиртизировали их для всех форматов.

Собрали библиотеку компонентов и гайдлайны, где всё описано и готово к работе.

процесс

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

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

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

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

Qnits

Клиент

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

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

Результаты

дизайнеры

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

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

Fabula

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

Илья Сушко

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

Коля Головин

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

Саша Петров

Команда