Zurück zu ProjektenKUNDENPROJEKT · PROTOTYP → PRODUKT

MyFIFOGuide

Ein überzeugendes KI-Konzept brauchte kein neues Design, sondern ein produktionsreifes Next.js-Fundament, auf dem der Eigentümer weiterarbeiten konnte.

Prototyp → Produkt
Produktionsseite von MyFIFOGuide auf dem DesktopProduktionsseite von MyFIFOGuide auf dem Smartphone
Die Wendung

Das Konzept sah bereits gut aus.

Die visuelle Richtung brauchte kein neues Design. Die Schwachstelle lag unter dem Design.

Die erste Version nutzte eigene Fotos und verwies auf den bestehenden Ebook-Shop. Claude machte daraus einen klaren ersten öffentlichen Eindruck. Inhaltliche Richtung und visueller Ausgangspunkt waren nützlich. Das Ziel war nicht, die Idee wegzuwerfen, sondern ihr ein stärkeres Fundament zu geben.

Claude-KonzeptEine HTML-Datei
Bewusste EntscheidungVisuelle Richtung erhalten
Das Fundament ersetzen

Das Fundament ersetzen

Dieselbe überzeugende Präsentation erhielt Struktur, Auffindbarkeit und den Auslieferungsworkflow einer echten Produktionsanwendung.

ANWENDUNGNext.js App Router · Seiten · Routen
SPRACHENEN · DE · lokalisierte URLs
AUFFINDBARKEITMetadaten · Canonicals · hreflang · Sitemap · Robots
AUSLIEFERUNGGit · GitHub · Netlify
Startseite der fertigen MyFIFOGuide Website
Die fertige Website mit intakter ursprünglicher visueller Richtung
Gebaut, damit der Eigentümer weitermachen kann

Gebaut, damit der Eigentümer weitermachen kann

Tim machte die Website nicht nur produktionsreif. Er richtete auch einen praktikablen lokalen Weg ein, auf dem der Eigentümer mit Claude Code und Git weiterarbeiten kann.

  1. 01Eine Idee oder gewünschte Änderung
  2. 02Claude Code arbeitet im strukturierten Repository
  3. 03Der Eigentümer startet und prüft die Änderung lokal
  4. 04Die Änderung wird mit Git festgehalten
  5. 05Netlify veröffentlicht die aktualisierte Website

AGENTS.MDAGENTS.md und Repository-Richtlinien geben KI-unterstützten Änderungen festen Kontext und Prüfpunkte.

Ergebnis

Der Eigentümer hat jetzt eine echte Website und ein Repository, in dem er mit Claude Code Änderungen machen und über Git veröffentlichen kann.

Technischer Nachweis
  • Next.js App Router
  • EN / DE
  • SEO-Basis
  • GitHub
  • Netlify
  • Claude Code Workflow
Prototyp → Produkt

Haben Sie schon etwas mit KI erstellt? Vielleicht müssen Sie nicht neu anfangen.

Zeigen Sie, was Sie schon haben