Prototyp · iPad & iPhone

FFE-Connect: vom Schuh-Foto zur Kollektion.

FFE-Connect (Fuzzy-Front-End-Connect) verbindet die frühe Ideenphase der Produktentwicklung: eine native App für den kreativen Start der Kollektionsentwicklung. Produktmanager halten Ideen als Bild mit Notizen fest und ordnen sie per Drag & Drop in die Kollektionsmatrix ein. Entwickelt von enpit für einen Schuhhersteller.

Screenshot der FFE-Connect-App auf dem iPad: Matrix-Ansicht mit Beispielideen in den Zellen Kategorie mal Preislage, darüber der Bereich Nicht zugeordnet

iPad: Screenshot der App (Matrix-Ansicht im iPad-Simulator, mit Beispielideen). iPhone: Illustration (Mockup), kein Screenshot der Ansicht „Neue Idee“.

Die Lösung

Ideen erfassen, Kollektion planen und später Fachteams beauftragen

FFE-Connect ist eine native SwiftUI-App für iPad (Hauptgerät) und iPhone mit eigenem Backend. Die App ist ein Werkzeug für Kommunikation und Steuerung, kein Designwerkzeug. Sie deckt die Vorproduktion ab, also die Zeit vor dem Prototypenbau.

Bedarfsträger

Ein Schuhhersteller

Ein Schuhhersteller mit mehreren Marken entwickelt seine Kollektionen in Zusammenarbeit von Teams in Europa und Asien.

Hintergrund

Die Lücke vor dem PLM

Das PLM verwaltet Produktdaten, bildet aber den kreativen Start der Kollektion kaum ab. Schnelle Ideen, Bilder, Kommentare und Abstimmungen über Sprachgrenzen hinweg finden deshalb außerhalb des Systems statt.

Ziel

Leicht erfassen, strukturiert übergeben

Kreative erfassen ohne Formularcharakter. Im Hintergrund entstehen trotzdem strukturierte Daten, die später in Aufträge an Fachteams und in die Übergabe ans PLM einfließen.

Funktionsumfang des Prototyps

umgesetzt in Arbeit geplant
umgesetzt

Ideen anlegen und pflegen

Titel, Status (Insight, Concept, Prototype), eine Notiz fürs Team und eine private Notiz, die nur auf dem Gerät bleibt.

umgesetzt

Foto zur Idee

Bild aus der Fotomediathek übernehmen, etwa eine Aufnahme aus dem Laden oder eine abfotografierte Skizze.

umgesetzt

Interessenschwerpunkte und Filter

Sohle, Material, Obermaterial, Gesamtschuh oder Preislage je Idee markieren und die Ideenliste danach filtern.

umgesetzt

Kollektionsmatrix

Kategorie × Preislage mit Ist/Soll je Zelle. Ideen per Drag & Drop oder Antippen einordnen, über „Nicht zugeordnet“ wieder entfernen. Die Zuordnung setzt die Attribute der Idee.

umgesetzt

Lokal gespeichert, vier Sprachen

Alle Daten liegen lokal auf dem Gerät. Die Oberfläche gibt es auf Deutsch, Englisch, Chinesisch (vereinfacht) und Italienisch, je nach Systemsprache.

umgesetzt

Technische Basis

Modulare Swift-6-App, Backend mit Node.js/TypeScript, PostgreSQL und S3-Speicher, API-Vertrag als OpenAPI, CI mit Tests bei jedem Push, Architekturentscheidungen als ADRs.

in Arbeit

Weitere Bildquellen und Sync

Kamera, Dateien und Teilen aus anderen Apps (z. B. aus einer E-Mail). Abgleich der Ideen mit dem Backend.

in Arbeit

Markierungen auf dem Bild

Nummerierte Freihand-Markierungen mit Finger oder Apple Pencil, je Markierung Text, Sprachnotiz und Schwerpunkt. Das Datenmodell steht bereits.

in Arbeit

Matrix konfigurieren, TestFlight

Frei wählbare Achsen und Soll-Mengen. Die Verteilung über TestFlight wartet noch auf Apple-Account und Signing.

geplant

Aufträge an Fachteams

Aus einer Idee Aufträge an Leisten-, Coloring-, Material- oder Designteams erzeugen. Aufgabenansicht, Status mit Überarbeitungsschleife, Rückmeldung und Abnahme.

geplant

Übersetzung und Spracheingabe

Notizen und Markierungen übersetzen (das Original bleibt maßgeblich) und Sprachnotizen transkribieren, möglichst direkt auf dem Gerät.

geplant

Stammdaten, Export, SSO

Leisten, Sohlen, Materialien und Vorsaison lesend nutzen. Strukturierter Export als Vorstufe zur PLM-Übergabe. Anmeldung per SSO, Rollen und Datenschutz by Design.

Ausblick KI: Ein Vorschlag zur Klassifizierung (Warenfamilie, Main Category, Product Group, Bottom Type) ist vorgesehen, derzeit aber bewusst pausiert. Die Schnittstellen dafür sind angelegt. Ohne Freigabe verlässt kein Inhalt das Gerät.

Grundlage

Ausgangspunkt war ein Remote-Interview mit dem Fachbereich

Im Remote-Gespräch hat der Fachbereich des Kunden den gewünschten Ablauf erläutert und Screenshots eines vorhandenen Klick-Prototyps gezeigt. Daraus wurden Anforderungen und Backlog abgeleitet, ohne Umweg über lange Lastenhefte.

Interview und Notiz

Die Besprechungsnotiz wurde mit KI-Unterstützung erstellt und anschließend auf Richtigkeit geprüft. Dazu kamen sechs Screenshots des Klick-Prototyps.

Anforderungskonzept

MVP-Umfang nach MoSCoW mit nicht-funktionalen Anforderungen (Datenhoheit, DSGVO, Mitbestimmung) und offenen Punkten. Rollen statt Namen.

Backlog und Plan

7 Epics und 30 Stories mit Akzeptanzkriterien als GitHub-Issues, verteilt auf Inkremente und kurze Iterationen.

Mitmachen

FFE-Connect selbst ausprobieren

Wir verteilen den Prototyp über Apples TestFlight. Tragen Sie die E-Mail-Adresse Ihrer Apple-ID ein, dann laden wir Sie zur Beta ein.

  • Die Einladungen gehen raus, sobald TestFlight bereitsteht. Derzeit wird dafür noch der Apple-Account eingerichtet.
  • Voraussetzung: iPad oder iPhone mit iPadOS/iOS 18 oder neuer.

Beim Absenden öffnet sich Ihr Mailprogramm mit einer vorbereiteten Nachricht an info@enpit.de. Diese Seite speichert und überträgt nichts. Ihre Adresse nutzen wir nur für die TestFlight-Einladung.

Zusammenarbeit

Agentic Software Engineering mit enpit

So ist FFE-Connect entstanden, und so bauen wir den Prototyp gemeinsam zur vollständigen Lösung aus. KI-Agenten übernehmen die Umsetzung, enpit-Engineers und Fachbereich steuern und prüfen jeden Schritt.

  1. Discovery

    Remote-Interview mit dem Fachbereich und Sichtung vorhandener Entwürfe. Die KI-gestützte Gesprächsnotiz wird gemeinsam geprüft.

  2. Konzept und Backlog

    Anforderungskonzept mit MVP-Schnitt, dazu Epics und Stories mit Akzeptanzkriterien als Issues. Offene Punkte werden benannt statt übergangen.

  3. Entscheidungen festhalten

    Architektur und Annahmen als kurze ADRs, so gewählt, dass sie sich ohne Mehraufwand revidieren lassen. Das Team reviewt und akzeptiert sie.

  4. Agentische Umsetzung

    Claude Code setzt Stories in kurzen Iterationen um und hält sich dabei an Leitplanken im Repository (Konventionen, Architektur, Definition of Done).

  5. Review und Abnahme

    enpit-Engineers prüfen Code und Architektur, der Fachbereich nimmt jede Story fachlich ab. Zwischenstände sind früh auf Testgeräten.

  6. CI und Verteilung

    Jeder Push durchläuft Lint, Build und Tests im Simulator. Signierte Builds gehen per TestFlight an die Pilotgruppe, später per MDM an alle.

  7. Ausbau und Übergabe

    Pilot-Feedback steuert die nächsten Stories bis zum Saisonstart. Quellcode, Dokumentation und der agentische Entwicklungsprozess gehen an die interne IT, die die Lösung selbst weiterführen kann.