Бренды, которые используют иллюстрации в цифровых сервисах

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

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

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

Slack

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

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

Mailchimp

Рисованые от руки картинки, простые по стилистике. Похожие на тетрадные зарисовки, иллюстрации не привлекают на себя внимание цветовыми заливками, но подчеркивают направление сервиса: отправка писем, транзакционных рассылок и создание форм для сайта. Но при этом иллюстрации не загромождают целевые страницы их сайта, а выступают необходимыми элементами на контентных и информационных страницах, цель которых — научить посетителя пользоваться сервисом и объяснить ему все сложные места. Например о том, как собрать аудиторию, загрузив информацию о ней в сервис.

Etsy

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

Сегодня здесь используются иллюстрации с элементами анимации, в плоском стиле и с цветами бренда, поэтому акцент на оранжевом цвете. Как раз в нем выдержан логотип.

Dropbox

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

Сбер

Иллюстрации используются в мобильном приложении, для онбординга и уведомлений. Яркий пример того, как такая «детская» форма подачи контента используется серьезными компаниями. Например, банками.

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