Icons Movavi

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

Был проведен анализ конкурентов у каждого продукта в своей категории.

Поиск вариантов

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

В поиске из множества вариантов мы остановились на шести графических решениях иконок подходящих по всем критериям.

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

2. Иконки с отсылкой к шейпам в лепестках-затворах по бокам. Основной формой круг и с акцентом на функции каждого продукта.

3. Иконки с повторением изображения птиц из прошлой коллекции иконок, но стилизованные на современный лад. К тому же птицы прекрасно передают тему творчества и легкости. В данном варианте они решены работой с силуэтами, пространством и формой. Так же черными пятнами, которые создают нужный контраст для привлечения внимания.

4. Снова игра с образом птичек, но в этот раз исполненная с помощью контура и с использованием пойнтов-кругов в центре иконки.

5. Образ функции продукта, с аккуратным черным контуром и кругами-пойнтами наследуюемими из корпоративной айдентики.

6. Минимализм. Упрощенная иконка с отсылкой к шейпу и акцентом на цвете и форме пятна. Напоминает стеклянный флакон с переливающейся краской внутри.

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

Когда мы остановились на одной стилистике. Началась работа над обновлением каждой иконки. Мы работали поэтапно с командой каждого продукта. Была проработана первая серия иконок.

Далее обновлены все остальные продукты (20+) и масштабированы под необходимые размеры.

Было - стало

Так же обновили дизайн коробок продуктов. Сделали упаковку чище, актуальнее и минималистичнее, проведя перед началом использования тест на отдельном лендинге.

Было-стало Было-стало