Knit
A playful knitwear shop with an animated product experience.
- Year
- 2026
- Category
- UI/UX Design
- Discipline
- E-commerce · Framer · Figma
Overview
Knit is an online shop for hand-knitted cardigans, designed in Figma and built in Framer. The product page presents the new “Cloud Knit Capsule” collection — like the Blueberry Patch Cardigan, in butter yellow with crochet blueberries and burgundy buttons — with front, back and side views, sizes from XS to XXL and a full checkout.
Challenge
Make an online shop feel as soft and handmade as the knitwear itself, while keeping the essentials of e-commerce clear: views of the piece, sizes, price and a simple path to purchase.
Direction
Soft pink tones, illustrated cardigans hanging on a line and lively micro-animations, with an elegant italic serif for product names.
Process
- 01
Product page
The cardigan hangs at the centre with its price tag, framed by the other pieces of the collection; you can switch between front, back and side views and pick a size.
- 02
Bag & checkout
“Add to bag” or “Buy now”, then a three-step checkout (bag, delivery, payment) with a clear order summary.
- 03
Animation
An animated hero and micro-interactions bring the cardigans to life.
Deliverables
- Product page01
- Cart / checkout02
- Animated hero03
