(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(49367554, "init", { defer: true, clickmap:true, trackLinks:true, accurateTrackBounce:true }); ym(49367554, 'hit', window.location.href);
{"id":14284,"url":"\/distributions\/14284\/click?bit=1&hash=82a231c769d1e10ea56c30ae286f090fbb4a445600cfa9e05037db7a74b1dda9","title":"\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0444\u0438\u043d\u0430\u043d\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u0442\u0430\u043d\u0446\u044b \u0441 \u0441\u043e\u0431\u0430\u043a\u0430\u043c\u0438","buttonText":"","imageUuid":""}

Как сделать инфографику: на примере работы с Instamart («СберМаркет»)

Instamart — это сервис доставки продуктов из магазинов, который работает в 15 городах России. Сейчас — «СберМаркет».

VisualMethod.ru

Изначально компания работала на территории Москвы, а во второй половине 2019 года сервис по доставке стал развиваться в регионах. В октябре 2019 года он работал уже в 15 городах-миллионерах России. Это самый большой охват территории для подобных сервисов в стране.

Для того, чтобы рассказать об этом достижении СМИ и коллективу, PR-служба компании решила применить визуализацию.

Техническое задание для VisualMethod представляло собой перечисление фактов и информации в свободной форме.

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

VisualMethod.ru

За основу при подготовке технического задания был взят один из самых популярных инфографических приемов: сравнение величин, объемов и других параметров бизнеса с объектами и явлениями, которые известны и понятны любому представителю аудитории.

Пройденный курьерским транспортом путь был сопоставлен с длинной земного экватора:

Вес перевезенного груза — с весом слона:

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

​Руководство по использованию фирменного стиля Инстамарт

Иллюстрации мы в VisualMethod всегда рисуем сами с нуля по двум причинам. Первая — иллюстрации, которые можно купить на стоках, никогда не будут полностью соответствовать целям проекта, что-то в них придется менять и переделывать. От этого и сами иллюстрации, и проект теряют целостность.

Вторая — это самая интересная часть проекта.

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

​Поиск метафор и референсов для иллюстраций инфографики VisualMethod.ru

Интересный факт: самый популярный продукт, который заказывали клиенты Инстамарт (СберМаркет) для доставки домой, — это банан.

0
7 комментариев
Написать комментарий...
Дима Волков

За визуализацию вообще респект)

Ответить
Развернуть ветку
Ivan Burtsev

Поддерживаю!

Ответить
Развернуть ветку
Visualmethod Ru
Автор

Спасибо, передадим нашему дизайнеру )

Ответить
Развернуть ветку
Alex Roxif

Здорово, очень хотел бы научиться рисовать так иллюстрации)

Ответить
Развернуть ветку
Visualmethod Ru
Автор

👍🏻

Ответить
Развернуть ветку
Паша Зобов

Вы лучше поузнавайте про создателей инстамарт - Жулина и Федченкова, и про их блокчейн проект Insolar и что с ним происходит

Ответить
Развернуть ветку
Visualmethod Ru
Автор

Спасибо за комментарий.

Ответить
Развернуть ветку
4 комментария
Раскрывать всегда