Zum Inhalt springen
Afaf.
01 / 04
Alle ProjekteUI/UX-Design

Knit

Ein verspielter Strickwaren-Shop mit animiertem Produkterlebnis.

Jahr
2026
Kategorie
UI/UX-Design
Disziplin
E-commerce · Framer · Figma
01

Ü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.

FramerFigma
02

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.

03

Gestaltung

Zarte Rosatöne, illustrierte Cardigans an einer Wäscheleine und lebendige Mikroanimationen, dazu eine elegante kursive Serifenschrift für die Produktnamen.

04

Prozess

  1. 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.

  2. 02

    Warenkorb & Checkout

    „In den Warenkorb“ oder „Jetzt kaufen“, dann ein Checkout in drei Schritten (Warenkorb, Lieferung, Zahlung) mit klarer Bestellübersicht.

  3. 03

    Animation

    Ein animierter Hero und Mikrointeraktionen erwecken die Cardigans zum Leben.

05

Ergebnisse

  • Produktseite01
  • Warenkorb / Checkout02
  • Animierter Hero03

Weitere Projekte

Alle Projekte ansehen