Wine catalog browsing
While working on a project recently i needed to come up with a full page showcase for detail cards that had a strong focus on the actual products and a simple navigation pattern between products.
Hope you'll like the animation
Using a smooth horizontal sliding animation for the product panel allowed for a logical behavior to switch between products. The addition of the wine's country map behind the bottles added depth and created an interesting perspective for the motion design. It was important to have a different flow for the product details, to hint the possibility of scrollable content i used a vertical slide + fade. A little UX testing demonstrated users instantly understood the navigation pattern and accessed all the information within the details panel. WIN ;)
.
.
I hope you'll enjoy & thanks for stopping by.
