Привет, я Ваня, продуктовый дизайнер Т—Ж — медиа про деньги и жизнь. Одна из моих задач — дизайн интерактивов. Сегодня рассказываю о работе над недавно выпущенным калькулятором «Сколько стоит одинаковый набор продуктов в разных странах?».

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

С самого начала хотелось видеть в калькуляторе красивые тридэшки, чтобы кликаешь — и они с прикольной анимацией летят в корзину. Но подготовка такой графики требует много времени, а его у нас не было. Оставалось использовать совсем упрощенные иллюстрации, или обходиться вовсе без них. А кайфеца то хотелось.

На помощь пришли нейродизайнер Лев Переулков, нейронки Midjourney и Stable Diffusion XL и коллеги из команды красоты Т—Ж. Удалось быстро сгенерировать, обтравить и подготовить картинки для 24 продуктов в похожем стиле, освещении и ракурсе. Получился идеальный флекс: и идею реализовали, и в сроки уложились 😌

Еще задача — придумать, как отображать цены. Редакторы выбрали 24 товара и нашли их среднюю стоимость в 16 странах, всего получилось 384 ценника. Чтобы сходу не пугать читателей обилием чисел и ячеек, я сделал две версии таблицы. Одна упрощенная, для сравнения стоимости корзин целиком. А вторая уже полная, с ценами на все продукты.

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

После релиза стало понятно, что нейросети генерируют картинки хорошо, но не всегда идеально. Читатели писали, что не узнают сахар и пачку Cheetos, поэтому пришлось добавить подписи под продуктами. Больше замечаний не прилетало.

Пишите в комментах, что думаете о процессе и результате 🍪 🍪