Сделал тестовое для Tea Drops на примере карточки «Ананасовый улун» из магазина Teaboom.

По заданию нужно было сверстать верх карточки: фото, описание, выбор фасовки, цены и кнопку «В корзину». При смене веса должны меняться цена и артикул.

Решил превзойти ожидания и увлёкся =) Захотелось показать, как эта карточка могла бы выглядеть, если уделить больше внимания дизайну.

Сделал крупную галерею, поработал с типографикой и выбором фасовки. Добавил цену за 100 г, расчёт экономии и отдельные блоки про вкус и заваривание. На телефоне покупка всегда под рукой: количество и корзина закреплены внизу экрана.

Всё на HTML, CSS и обычном JavaScript. Можно переключать фасовки, смотреть галерею и потыкать демонстрационную корзину.

На первом скрине карточка на действующем сайте. Дальше моя версия на компьютере и телефоне.

Посмотреть результат: https://jakuninoleg-teadrop-card-5104.twc1.net/

Как вам новый дизайн? Что бы ещё поправили? И как думаете, возьмут меня? 😄