Опис проєкту
ПерекладВедемо інтернет-магазин із кількома сотнями карток товарів у різних категоріях, і зараз покупцю незручно зіставляти схожі позиції між собою — доводиться відкривати картки по черзі й тримати параметри в голові. Потрібен віджет порівняння: покупець позначає прапорцем два і більше товари прямо в каталозі або в результатах пошуку, після чого відкривається панель із таблицею, де всі технічні характеристики обраних товарів вибудувані рядок за рядком одна навпроти одної.
Характеристики мають підтягуватися з картки товару — атрибути вже зберігаються в базі структуровано, а не текстом в описі — і групуватися за розділами на кшталт загальних параметрів, габаритів і матеріалів. Рядки, де значення в товарів розходяться, потрібно підсвічувати фоном, щоб відмінність було видно одразу, без порядкового читання таблиці. Вибір товарів має зберігатися, поки покупець гортає каталог далі: можна додавати й прибирати позиції з порівняння, не втрачаючи вже позначені. На мобільних екранах повна таблиця не поміщається, тож потрібен адаптивний варіант — свайп між колонками або згортання розділів.
Коротко, що важливо:
— збереження вибору при переходах каталогом;
— групування характеристик за розділами;
— підсвітка відмінних значень і перемикач приховування однакових рядків;
— адаптивна верстка таблиці під мобільні пристрої.
Характеристики мають підтягуватися з картки товару — атрибути вже зберігаються в базі структуровано, а не текстом в описі — і групуватися за розділами на кшталт загальних параметрів, габаритів і матеріалів. Рядки, де значення в товарів розходяться, потрібно підсвічувати фоном, щоб відмінність було видно одразу, без порядкового читання таблиці. Вибір товарів має зберігатися, поки покупець гортає каталог далі: можна додавати й прибирати позиції з порівняння, не втрачаючи вже позначені. На мобільних екранах повна таблиця не поміщається, тож потрібен адаптивний варіант — свайп між колонками або згортання розділів.
Коротко, що важливо:
— збереження вибору при переходах каталогом;
— групування характеристик за розділами;
— підсвітка відмінних значень і перемикач приховування однакових рядків;
— адаптивна верстка таблиці під мобільні пристрої.
Розробка для WEB Готівка, Банківський переказ
