Sandro is a media intensive website theme that aims to engage the customer while they shop the website. Therefore, the site relies on minimal design elements presenting a wide array of media on a white background. Large branding is used throughout the site. Transitions are used to navigate seamlessly between product grids and product pages. Content can be updated with any API driven CMS and if desired pre-rendered and served via CDNs.
Summary
Tech
Figma
Astro.js
Vue.js
Node.js
Google Cloud
Highlights
Homepage and Nav
The home page displays large images to highlight the best products on sale and simplifies browsing with fullscreen navigation.
Product Transitions
A large product grid gives the user a sense of product diversity. Each product displays a short video on hover. A seamless page transition ties the product list and item pages.
Checkout Flow
The checkout process is concise and implements cute UI elements. The final view displays the users purchase summary and an engaging video.
