На этапе формирования ТЗ и прототипа к порталу Vapehelper, дизайнеры ещё не задумывались о том, что им придется столкнуться с визуализацией сложной иконографики товаров из вейп-индустрии.

В перечислении товарных групп заказчик указал желаемые позиции:
- Атомайзеры: Баки RTA, Дрипки RDA,  Genesis, RDTA, Клиромайзеры
- Моды: мехмоды, платы, комплекты
- Аксессуары: испарители, чехлы, запчасти, аккумы, зарядки, вата, койлы
- Сделай сам: проволоки, ароматизаторы, флаконы, основы, пропиленгликоль, глицерин, никотин.

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

Например, визуализация зарядки.

Дизайнеры принялись изучать вопрос. Оказалось, что без помощи в определении назначений объектов быстро разобраться невозможно. Было принято решение попросить помощи у заказчика. За короткое время сформировалась следующая таблица имен объектов и образов:

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

После формирования полного пакета иконок для проекта, дизайнеры принялись за ui-киты. Отрисовали экшены для взамодействия иконок с пользователем и подготовили форматы для вёрстки. 

Всего для портала было отрисовано 46 уникальных иконок. С проектом вы можете ознакомиться в нашем портфолио https://www.netkam.ru/portfolio/