For this project, I chose to use the easily recognisable Google Nest Mini Speaker but with a slight change of colour palette and four familiar icons. The design of each page is fairly simple in terms of content; there's the product illustration, an icon, a number carousel, information and a CTA button.
Using the Auto-Animate feature on Adobe XD, I built a simple product page that showcases the potential animations for transitions between each different product information page.
Each product information page has its own colour state and icon, a fixed "add to basket" button and a clean, easy to use layout as well as a simply styled product illustration.
Auto-Animate is incredibly straight-forward to use; I can see how it's a valuable tool!