В ноябре к нам обратились ребята из Авито Услуг с задачей — создать 3D-иллюстрации для категорий «Красота и здоровье», «Деловые услуги», «Вебинары», а также одну общую для всех этих услуг.
Для нас было важно найти команду, которая сможет помочь нам интерпретировать новый стиль продукта в визуальную историю маркетинговых коммуникаций, сохраняя принципы работы и одного, и другого.
Аня Коновалова
Руководитель группы маркетинговых коммуникаций Авито Услуг
Задача была максимально подробно описана: в ТЗ были описания категорий, референсы, гайды по 3D-графике и даже идеи по визуалу. Но, помимо требований к формату и количеству файлов был и челендж — не использовать в графике руки, головы и другие части тела. Для кого-то такие требования звучат как ограничения, но нам близок подход Авито, да и вызовы мы любим. Так что приступаем к работе.
Подбираем ассоциации и референсы
Нам нужны образы, которые связаны в сознании людей с конкретными услугами и быстро считываются. Для каждой категории образы будут свои. Например, когда мы говорим про красоту и здоровье, на ум приходят витамины, массажный стол, маски, фен, ножницы. Выписываем все ассоциации и подбираем к ним референсы по тематическим запросам.
Это могут быть не только предметы, но и целые концепты: например, маникюр, массажный кабинет, салон красоты. В них тоже можно найти элементы для иллюстрации.
Главное в подборе референсов — вовремя остановиться, чтобы не потерять время и изначальную идею. Отбираем самые подходящие, определяемся с предметами для иллюстрации, а потом оцениваем каждый объект на пригодность: делаем обводку кривыми, чтобы создать векторное изображение. Если результат не соответствует ожиданиям, меняем ракурс или берём другой объект.
Собираем 2D-драфты
Выбранные предметы объединяем в одну композицию с помощью шейпов. Размещаем их так, чтобы всё выглядело гармонично, пропорционально и сбалансировано.
Получившиеся драфты отправляем на согласование и при необходимости дорабатываем
Собираем 3D-модели
После утверждения 2D-драфта начинаем создавать сцену в 3D. Пока без цвета и текстур — сейчас нужно утвердить только общий вид и композицию. Для этого подбираем модели со стоков и адаптируем их под задачу: например, меняем пропорции и расположение. А некоторые элементы моделируем с нуля, чтобы добиться уникальности и точного попадания в концепт.
Подбираем цвета для объектов
Выставляем простое освещение и создаем цветовую палитру, которая будет гармонировать с общим стилем. Регулируем параметры отражения, преломления и прозрачности объектов, добавляем фактуры с использованием карт нормалей или дисплейсмента, чтобы изображение воспринималось реалистично. Проверяем, всё ли сочетается друг с другом и соответствует гайдлайнам.
Настраиваем отражения и преломления
Освещение подбирается таким образом, чтобы подчеркнуть ключевые детали и улучшить восприятие композиции, а также в соответствии с общей палитрой проекта. Важно, чтобы на ключевых объектах были фирменные блики и рефлексы. Для этого расставляем дополнительные источники света и проверяем, как отражения взаимодействуют с материалами сцены. Смотрим, как освещение работает с текстурами и материалами и по необходимости корректируем.
Расставляем дополнительные источники света и настраиваем освещение, чтобы подчёркнуть ключевые детали.
Добавляем фирменные элементы
Почти готово — осталось добавить фирменные виджеты. Разрабатываем их в Фигме на основе гайдов клиента и ищем оптимальное место для них в композициях. Здесь важно избежать перегруза и сохранить баланс между объектами иллюстрации и фирменными элементами. Готовим несколько вариантов с разными расположениями виджета — на выбор клиента.
Финалим
Делаем несколько тестовых рендеров, чтобы проверить, как сцена выглядит при разных настройках. Корректируем освещение и текстуры, где необходимо. Обрабатываем изображение после рендеринга: крутим контраст, насыщенность, цвет и добавляем эффект лёгкого свечения.
Собираем проект в Фигме. Готовим и общее изображение, и отдельно слои, чтобы вставлять паттерны между слоями или ресайзить изображения. Всё это передаём клиенту.
Результат
Фидбэк от ребят из Авито Услуг
Команда студии TOLKUNOV справилась на все 100%: с первых концептов стало понятно, что ребята отлично могут адаптироваться к новым визуальным контстантам продукта и понимают технический подход к производству. Работать было легко и комфортно — всё чётко по срокам, без лишних итераций, с вниманием к деталям и совместным поиском решений. В итоге мы получили 3D-иллюстрации, которые не просто украшают материалы, но усиливают восприятие Авито в целом и Услуг в частности. Это тот случай, когда хочется возвращаться к подрядчику снова!
Аня Коновалова
Руководитель группы маркетинговых коммуникаций Авито Услуг
Проект оказался для нас чем-то новым, поэтому на старте было важно нащупать нужный стиль. Были итерации, но всё шло в рабочем ключе: понимание со стороны ребят — полное, правки вносились оперативно, и процесс чувствовался как совместный. Работа соответствовала ожиданиям на 100%. Мы использовали иллюстрации и в лендингах, и в рассылках — всё выглядело отлично. Спасибо за классную работу и за то, что можно быть уверенными в результате!
Вячеслав Петров
А вот как Авито использовали иллюстрации в своих коммуникациях: рассылках, лендингах и баннерах.
Кейсы
Неделя рекламы 
Новости 
How to 
Интервью и дискуссии 
Маркетинговые исследования 
Просто о сложном 
Энциклопедия обмана 
Проверено ADPASS 
Рекламные кампании 