«Яндекс.Шеф»: как разрабатывался визуальный язык

Подробный опыт ведущего дизайнера «Яндекс.Шефа» — от задач до реализации.

<i>Автор оригинальной концепции визуального стиля: Сергей Бортников</i>
Автор оригинальной концепции визуального стиля: Сергей Бортников

26 марта мы запустили «Яндекс.Шеф» — сервис доставки продуктов и рецептов для их приготовления. Он был создан на базе «Партии еды», присоединившейся к команде «Яндекса» осенью прошлого года.

За три месяца до старта мы определили название нового сервиса. Вместе с креативной группой «Яндекс.Такси» мы придумали несколько рабочих вариантов и составили шорт-лист «финалистов». Прогнали возможные названия через ряд аналитических инструментов, в том числе «Яндекс.Толоку» и «Яндекс.Взгляд», и выбрали победителя — «Яндекс.Шеф». Исследование показало, что название лучше отражает специфику сервиса и позитивнее воспринимается аудиторией. Приятно чувствовать себя шеф-поваром. Вместе с «Яндекс.Шеф» это легко и просто, ведь рецепты простые, а блюда всегда новые.

«Яндекс.Шеф»: как разрабатывался визуальный язык

Оставалось решить, как будет визуально оформлен новый сервис и воплотить задуманное.

Задачи

Наши постоянные клиенты любят бренд «Партия еды» (как и мы), поэтому мы хотели сохранить преемственность — лаконичный дизайн и фокус на продукте.

Визуальный язык «Яндекс.Шефа» так же должен был обладать дружелюбным характером и создавать ощущение близости к пользователям.

Дизайн должен быть консистентным с остальными сервисами «Яндекса». Это подразумевает использование определенных констант визуального стиля (шрифт, цвета). Задачи осложнялись тем, что с одной стороны мы хотели показать близость к сервисам «Яндекса», с другой — иметь собственную идентичность.

Разработка концепции

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

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

«Яндекс.Шеф»: как разрабатывался визуальный язык

Но поняли, что нужен не просто знак. «Яндекс.Шеф» (как «Яндекс.Еда» и «Яндекс.Такси») — офлайн сервис. Для наших клиентов — это реальная коробка с продуктами и рецептами, а уже потом приложение и сайт. Поэтому визуальный язык «Яндекс.Шефа» должен одинаково хорошо работать, как в онлайн, так и в физическом мире.

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

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

Решение

Мы стали искать универсальную форму в среде нашего сервиса и увидели волну. Она простая и дружелюбная, символизирует идею конструктора, сочетания и смешивания ингредиентов. К тому же, волну можно увидеть в написании буквы «Ш».

«Яндекс.Шеф»: как разрабатывался визуальный язык

Фирменными цветами «Яндекс.Шефа» мы выбрали желтый и красный. Они образуют контрастную пару, встречаются почти во всех наших блюдах и, согласно некоторым исследованиям, благоприятно влияют на аппетит.

«Яндекс.Шеф»: как разрабатывался визуальный язык

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

«Яндекс.Шеф»: как разрабатывался визуальный язык

Желтый и красный помогут идентифицировать нас с другими сервисами «Яндекса». А визуальное решение в форме плавной волны, поможет «Яндекс.Шефу» влиться в повседневную жизнь наших пользователей.

Результат

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

«Яндекс.Шеф»: как разрабатывался визуальный язык

1. Мотив волны пластичен и гармонично вписывается в любой носитель, будь то автомобиль или иконка приложения.

2. Хорошо рифмуется с лаконичным названием сервиса и коррелирует с другими продуктами «Яндекса».

«Яндекс.Шеф»: как разрабатывался визуальный язык
«Яндекс.Шеф»: как разрабатывался визуальный язык

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

«Яндекс.Шеф»: как разрабатывался визуальный язык
«Яндекс.Шеф»: как разрабатывался визуальный язык

4. Форма волны самодостаточна и работает на узнавание даже в монохромном исполнении.

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

«Яндекс.Шеф»: как разрабатывался визуальный язык

5. Аппетитные фотографии блюд фокусируют внимание на продукте. Фирменный стиль используем ненавязчиво и не отвлекаем от блюда — кадрируем фотографии волной и заявляем фирменные цвета в нюансах рецепта.

«Яндекс.Шеф»: как разрабатывался визуальный язык
«Яндекс.Шеф»: как разрабатывался визуальный язык

6. В зависимости от носителя волна может обретать новые смыслы, сохраняя при этом ассоциацию с брендом.

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

«Яндекс.Шеф»: как разрабатывался визуальный язык
«Яндекс.Шеф»: как разрабатывался визуальный язык

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

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

«Яндекс.Шеф»: как разрабатывался визуальный язык

В кухонной посуде — слегка намекаем на бренд, чтобы органично вписаться в интерьер дома.

«Яндекс.Шеф»: как разрабатывался визуальный язык

8. Брендированные носители могут объединяться в единую композицию как конструктор, иллюстрируя идею сервиса.

«Яндекс.Шеф»: как разрабатывался визуальный язык
«Яндекс.Шеф»: как разрабатывался визуальный язык

Фирменный стиль «Яндекс.Шефа» ожил и уже радует наших клиентов.

«Яндекс.Шеф»: как разрабатывался визуальный язык
26
13 комментариев

Стиль!

5
Ответить

Это все конечно прекрасно, но я как пользователь никаких (положительных) изменений кроме коробки не обнаружила (курьеры приезжают не в брендированной одежде, формат меню остался старый, термопакеты с логотипом Партии Еды). А вот косяков прибавилось. Перестали писать на пакетах какие продукты хранить в холодильнике, а какие замораживать, приходится пересматривать каждую этикетку.С логистикой какая-то беда. То ингредиенты заменят из-за недостаточных поставок, то заказ не тот привезут. Я искренне люблю сервисы Яндекса, но Я.Шеф пока не радует.

3
Ответить

Так что подзаголовок у вас должен быть не "от задач до реализации", а "от задач до статьи в блоге", потому что из всего перечисленного реализовано меньше половины. :)

Ответить

Комментарий недоступен

3
Ответить

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

2
Ответить

Комментарий недоступен

1
Ответить

*Набрал полную грудь воздуха и...*

Не, забанють.

1
Ответить