kab

kabanosy_v1

Простий варіант вигляду першого екрану. По ховеру на продук, від підіймається трохи, клік — перехід на данний смак.

kabanosy_v2_1, kabanosy_v2_2, kabanosy_v2_3

Логіка цього варіанту перешого екрану полягає в тому, що на ховер пачка збільшується, стає непрозорою, я к інші і вигодить на перший план(перед текстом).

kabanosy_v3_1main

Найбільш вдалий варіант, на мою думку. Зберігається фірмовий стиль з каталогу та упаковки.

На першому екрані пульсуючи кружок з пунктиру пропонує відкрити упаковку. По кліку або після 2х скроллів, анімовано зникає напис і пачка стає в горизонтальну позицію.

kabanosy_v3_2nd

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

kabanosy_v3_3tastes

Далі, смаки. Одразу пишемо, що їх 4 і ще якась заманушна штука One Bite, яка маэ оріджинал смак, але відрізняється розміром.

kabanosy_v3_3tastes_hov

По ховеру на пачку, всі інші стають менш прозорими і вибрана стає трішки більшою. Також, зверху з'являється назва смаку.

kabanosy_v3_33taste_inn

Внутрішня сторінка продукту. Там загальна інфа про нього і фото. Також є можливість перейти на інший смак, збоку лейби.

kabanosy_v4, kabanosy_v4_2

Інший вигляд навігаційного меню. З ховерами логіка, така ж.