Knit
Ein verspielter Strickwaren-Shop mit animiertem Produkterlebnis.
- Jahr
- 2026
- Kategorie
- UI/UX-Design
- Disziplin
- E-commerce · Framer · Figma
Überblick
Knit ist ein Onlineshop für handgestrickte Cardigans, gestaltet in Figma und umgesetzt in Framer. Die Produktseite präsentiert die neue Kollektion „Cloud Knit Capsule“ — etwa den Blueberry Patch Cardigan in Buttergelb mit gehäkelten Heidelbeeren und bordeauxroten Knöpfen — mit Vorder-, Rück- und Seitenansicht, Größen von XS bis XXL und einem vollständigen Checkout.
Herausforderung
Einen Onlineshop so weich und handgemacht wirken lassen wie die Strickwaren selbst — und dabei die Grundlagen des E-Commerce klar halten: Ansichten des Teils, Größen, Preis und ein einfacher Weg zum Kauf.
Gestaltung
Zarte Rosatöne, illustrierte Cardigans an einer Wäscheleine und lebendige Mikroanimationen, dazu eine elegante kursive Serifenschrift für die Produktnamen.
Prozess
- 01
Produktseite
Der Cardigan hängt in der Mitte mit seinem Preisschild, umgeben von den anderen Teilen der Kollektion; man kann zwischen Vorder-, Rück- und Seitenansicht wechseln und eine Größe wählen.
- 02
Warenkorb & Checkout
„In den Warenkorb“ oder „Jetzt kaufen“, dann ein Checkout in drei Schritten (Warenkorb, Lieferung, Zahlung) mit klarer Bestellübersicht.
- 03
Animation
Ein animierter Hero und Mikrointeraktionen erwecken die Cardigans zum Leben.
Ergebnisse
- Produktseite01
- Warenkorb / Checkout02
- Animierter Hero03





