01
The mockup, live
Every breakpoint matched against the Figma frames side by side before handover.
← Work · W—3
Luisante
A Shopify store built from the client’s Figma — pixel for pixel, with every hover and transition intact.
- Client
- Luisante
- Industry
- Fashion & accessories
- Services
- Development from Figma, Shopify theme
- Stack
- Shopify · Liquid · JavaScript
- Timeline
- 3 weeks
- Live site
- airweb.pro/demo/luisante ↗ · Behance ↗
The task
The design was finished and approved. The risk was the usual one: a theme developer “simplifies” the layout, and the store goes live looking nothing like the mockup the client signed off.
The solution3 moves
02
Editorial product pages
Large imagery and calm typography, while cart, variants and stock stay native Shopify.
03
Twelve templates the client edits
Sections are built as Shopify blocks, so the team changes content without touching code.
Motion moment · loop
Behind the scenes
What runs behind it
- Shopify theme with editable sections
- Payments and checkout configured
- Speed tuned for product images
Credits
Design: client’s team · Development: AirWeb