Фильтр для интернет магазина винной продукции

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

Дизайн-система

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

Элементы фильтра созданы в виде компонентов, что также ускорит редизайн финальной версии макета и сборку мобильной версии.

Работа

адаптивная версия фильтра

Основной экран

адаптивная версия фильтра

Адаптивная версия

Изменение цвета за 5 минут

red
green
blue