Works
ATEMPO
Leather Bag Brand — Store Build
Overview01
ATEMPO
Overview02
The home page opens with a logo animation that gives way to a full-screen film. Clicking the TOTE BAG, MINI BAG or PHONE BAG photo takes visitors straight to that category in the shop.
Overview03
In the product grid, customers can browse photos and switch colours right on each card, and every product page pairs a row of large photos with a purchase bar fixed to the bottom of the screen on desktop, keeping the photography centre stage all the way to the cart.
Details
When the site opens, the logo rises into view, a white curtain lifts and a full-screen film begins, drawing visitors into the brand's quiet mood within seconds.
Hovering over a product card reveals another shot, and arrows let customers flip through more photos. Choosing a colour swatch swaps in that colour's photos right on the card, without leaving the page.
Product pages line up large photos side by side, and a thin line below shows where you are as you click through them. On desktop, the name, price, colours and Add to Cart button stay fixed at the bottom of the screen, so customers can buy at any moment while browsing.