Flo CreatesLive

Commerce Experience für eine Creator-Marke mit über 400.000 Followern

Shopify-Store für Videokurs und Print-Drops eines Zeichners, mit Conversion-Konzept und neuem Theme für die nächste Ausbaustufe.

Leistungen
Conversion-Konzept, Shop-Design, Shopify-Development, Motion
Branche
E-Commerce · Creator Economy
Jahr
2026
Stand
flocreates.shop Gemeinsam mit dem Künstler betrieben, neues Theme noch nicht veröffentlicht
Startseite von flocreates.shop: Zeichnung des Künstlers, Katzen-Logo und die Headline „Create Something today even if it sucks.“

01Überblick

Flo Creates ist die Marke eines Zeichners, der auf Instagram, TikTok und YouTube perspektivisches Zeichnen vermittelt. Verkauft werden ein Videokurs und limitierte Print-Drops über einen Shopify-Store, den ich gemeinsam mit dem Künstler betreibe. Dafür habe ich ein Conversion-Konzept erarbeitet und alle Seitentypen als eigenständiges Theme neu gebaut.

02Ausgangslage

Der Shop läuft auf einer Kopie des Shopify-Themes „Fabric“. Zu Projektbeginn stand der Kurs auf Warteliste, die Ankündigungsleiste war deaktiviert, und im Theme steckten Fehler wie fehlende Alternativtexte und unbeschriftete Icon-Links.

03Herausforderung

Zwei Angebote mit unterschiedlicher Kauflogik: ein erklärungsbedürftiger Videokurs und schnell entschiedene Print-Drops. Dazu die Grenzen von Shopify selbst, von Validierungsregeln für Sections bis zu einer Vorschau, die Performance-Messungen verfälscht.

04Strategie

Das Konzept stellt den Kurs in den Mittelpunkt und trennt die Kaufwege klar.

  1. AKurs zuerst

    Die Startseite führt auf den Videokurs hin. Prints ergänzen das Angebot, statt mit ihm zu konkurrieren.

  2. BEigene Vorlage je Angebot

    Die Kursseite bekommt Lehrplan, Vorstellung des Künstlers, Leistungsübersicht, Garantie und eine mitlaufende Kaufleiste. Prints erhalten eine eigene Produktvorlage.

  3. CErgänzung nach der Entscheidung

    Ein passendes Zusatzangebot erscheint im Warenkorb, also nach der Kaufentscheidung statt davor.

Kursbereich auf der Startseite von flocreates.shop mit der Perspective Masterclass und drei Kursvorteilen
Live-Shop: Kurs auf der Startseite

05Gestaltung

Der Live-Shop stellt die Zeichnungen des Künstlers in den Vordergrund. Für das neue Theme entstand nach einer verworfenen ersten Richtung eine editoriale, reduzierte Gestaltung in Anlehnung an eine gemeinsam gewählte Referenz: große Versalien, Papierton, ein einziges Signalrot. Die Schrift ist selbst gehostet.

Typografie

Neues Theme: Archivo (variabel, selbst gehostet)

Farben

  • Papier#F4F1EA
  • Ink#16140F
  • Signalrot#FF1500

06Nutzerführung

Jede Vorlage hat genau eine Aufgabe und einen klaren nächsten Schritt.

  • Kurszentrierte Startseite
  • Kursseite mit Lehrplan, Garantie und mitlaufender Kaufleiste
  • Eigene Produktvorlage für Prints
  • Zusatzangebot im Warenkorb
  • Widerrufsbutton als eigener Baustein
Kursseite der Perspective Masterclass mit Preis, Rabatthinweis, Warenkorb- und PayPal-Button
Live-Shop: Kursseite
Abschnitt „Meet Flo Creates.“ mit Vorstellungstext und Tuschezeichnung
Live-Shop: Vorstellung des Künstlers

07Entwicklung

Das neue Theme basiert auf Shopify Online Store 2.0 mit Liquid, JSON-Templates und Vanilla JavaScript. Das Motion-System mit Preloader, Headline-Reveals und Scroll-Einblendungen kommt ohne zusätzliche Bibliothek aus. Der Widerrufsbutton nach § 356a BGB läuft bereits im Live-Shop.

Technologie

Shopify Online Store 2.0, Liquid, JavaScript, Shopify CLI

Besondere Funktionen

  • Preloader mit Zähler und Wortmarke
  • Maskierte Headline-Reveals
  • Custom Cursor
  • Selbst gehostete Variable Font
Ausverkaufte Print-Drops, Newsletter-Anmeldung und Footer mit Widerrufsbutton
Live-Shop: Drops und Footer

08Ergebnis

Ein vollständig entwickeltes Theme, das Kurs und Prints jeweils eigene Kaufwege gibt. Es liegt fertig vor und ist noch nicht veröffentlicht.

09Wirkung

  • 424.000

    Follower auf Instagram

    dazu 27.800 auf TikTok und 4.920 auf YouTube

    Quelle: öffentliche Profile der Marke, 11.09.2026

Konkret entstanden

  • Neues Theme für alle Seitentypen
  • Getrennte Kaufwege für Kurs und Prints
  • Theme-Fehler bei Alternativtexten und Icon-Links im neuen Theme behoben
  • Widerrufsbutton nach § 356a BGB live im Shop

Nächstes Projekt

K10 Ingenieurbüro

Erster eigener Webauftritt für ein Ingenieurbüro für Brandschutz und Technische Gebäudeausrüstung in Hannover.

Startseite von K10 Ingenieurbüro: Brandschutz und Gebäudetechnik aus einer Ingenieurhand

Ein ähnliches Vorhaben?

Dann lassen Sie uns darüber sprechen.

Standort
Hannover · Deutschlandweit