Заняття 10. Filters

Завдання 9:

Уявіть, що ви працюєте з Lacoste. Очевидно, у вас багато товарів для демонстрації на екрані. Деякі сторінки містять майже сотні товарів. Як би ви спроєктували параметри сортування та параметри фільтрації, щоб клієнти швидше знаходили товари на свій вибір? Які фільтри ви зробили б доступнішими?

Обмеження: ви не можете робити фільтри прихованими за кнопкою, всі фільтри повинні бути доступні відразу при переході на сторінку каталогу. У рамках одного екрану має бути відображено не менше 4-8 товарів. Також ви не можете приховувати основну навігацію під кнопкою гамбургер меню.

Продемонструйте кілька кейсів:

1. Користувач обирає розділ в меню і переходить на сторінку каталогу.

2. Користувач фільтрує товари за категорією, кольором та розміром.

3. Користувач сортує товари від дорогих до дешевих.

Усі кейси мають бути реалізовані на мобільній версії та десктопі. Не обмежуйтесь інформацією з уроку у виконанні завдання. Пам'ятайте, що всі завдання на курсі — багатогранні й торкаються не лише однієї теми.

Презентація до лекції тут.