Storefront
The supplied design combines a large visual introduction with product selections and winery stories.
Vini
E-commerce design system
E-commerce website design and a design system for Vini.
E-commerceDesign systemHTML/CSS
The project
The work behind the interface
The Vini archive moves from the storefront to a winery detail page and shopping cart. I designed the e-commerce sites, built a comprehensive design system and delivered HTML/CSS templates ready for integration. The images show the page range; the documented contribution is the design system and frontend template work behind it.
Design details
Three parts of the work
Product and cart
Detail and cart screens show product information, related items, quantities and an order summary as distinct page patterns.
Reusable implementation
The design system and integration-ready HTML/CSS templates carried the visual decisions into frontend assets.
In the interface