Von der Referenz zur testbaren Produktwelt. Füll den Canvas Block für Block aus. Alles speichert sich automatisch in deinem Browser.
Nicht kopieren, sondern Prinzipien übersetzen. Was macht die Referenz stark?
Für wen ist das sofort relevant, ohne Erklärung?
Eine präzise Kategorie schlägt jeden generischen Namen. Die Kategorie verändert alles.
Was testen wir eigentlich? Nicht: Was bauen wir.
Wenn dieses Produkt sieht, soll sie und .
Aus der Produktwelt ableiten, nicht erfinden. Jedes Feature löst ein konkretes Problem.
Die Seite als Geschichte, nicht als Feature-Liste. Jede Section hat eine Aufgabe.
Idee sichtbar machen, Reaktion testen, entscheiden.
Kopieren, anpassen, generieren. Deine Antworten aus den Blöcken oben sind schon eingesetzt. Funktioniert mit jedem Tool.
Analyze these visual references and extract a design direction for a fictional premium product. Focus on: atmosphere, color palette, material language, typography direction, what to avoid. Do not copy any existing brand. Translate into a new original product world.
Create a premium cinematic hero image for [Produktname], a [Kategorie]. Scene: [Produkt] on/in [Setting / Oberfläche]. Background: [Atmosphäre]. Style: cinematic, [Farben], premium editorial, no neon, no cyberpunk. No people. No text overlays.
Build a premium product website for [Produktname]. Style: [Ästhetik + Farben]. Sections: [01 Hero → 09 CTA]. Premium editorial. Lots of whitespace. No neon. No cyberpunk. No generic SaaS design.
Add refined motion to this website: — Scroll-triggered fade-ins per section — Staggered reveals for lists and features — Subtle hover states on all elements — Smooth page transitions — Signature animation for [Hero Element] Keep motion purposeful. Not decorative.
Von der Referenz-Analyse bis zum testbaren Prototyp. Strategie, Prozess, Umsetzung in sechs Parts, 10 Monate Zugang.