Kaffee-Produktseite: Prompt-Aufbau und austauschbare Angaben

Ein Shopkonzept mit Produktgalerie links und Kaufbereich rechts untersuchen.

Design illustration · Artisan Coffee Product Page — API Models · CC BY 4.0

Einordnung

Der Prompt teilt der Produktseite zwei Aufgaben zu: links die Kaffeeverpackung zeigen und rechts die Kaufentscheidung ordnen. Fiktive Marke, Röstung, Preis, Mahlgrad, Menge und orange Kaufaktion machen den Entwurf konkreter als eine allgemeine Bitte um einen schönen Shop. Das Ergebnis ist ein Bildkonzept ohne HTML, Zahlungsablauf oder Lagerverwaltung.

In der veröffentlichten Vorschau prägen schwarzer Beutel und Goldsiegel die Galerie. Titel, Bewertung, Preis, Mahlgrade und orange Schaltfläche bilden die Kaufhierarchie. Hinzu kommen erzeugte Bewertungszahlen und Verpackungsdetails. Diese sind Gestaltungsinhalt. Für reale Produkte müssen Geschäftsdaten ersetzt und Texte sowie Bedienelemente im echten Shop neu umgesetzt werden.

Benötigte Eingaben

  • Ersatzprodukt, Verpackung, Marke, Preis und wählbare Optionen.
  • Eine Festlegung, welche Texte exakt sein müssen und was nur Layoutreferenz ist.

Erwartete Ergebnisse

  • Ein vom Urheber veröffentlichtes Bild einer Kaffee-Produktseite.
  • Eine Kompositionsreferenz statt ausführbarem Oberflächencode.

Vorgehensweise

  1. Den vollständigen Prompt kopieren und Produkt sowie Marke gemeinsam ersetzen.
  2. Galerie und Kaufbereich auch bei anderen Farben oder Kategorien klar zuordnen.
  3. Texte, Bewertungsangaben, wiederholte Vorschaubilder und Optionen prüfen.
  4. Ausgewählte Elemente mit geprüften Daten als echte Komponenten aufbauen.

Grenzen und Prüfungen

  • Bewertung, Anzahl der Rezensionen und Preis sind fiktive Gestaltung.
  • Die Quelle nennt GPT Image 2, liefert aber keinen unabhängig bestätigten Backend-, Seed- oder Anfragenachweis.
  • Ein gezeichneter Warenkorbknopf implementiert weder Einkauf noch Barrierefreiheit.

Häufige Fragen

Kann die Vorschau direkt als Shop dienen?

Sie ist eine Rastergrafik. Bedienung, Produktdaten und Bezahlung müssen erst im tatsächlichen Shop umgesetzt werden.

Was ändert sich bei einem anderen Produkt?

Verpackung, Marke, Titel, Preis, Optionen und Zusatzangaben zusammen anpassen. Die Aufteilung nur erhalten, wenn sie zum neuen Produkt passt.

Originaldokument

GPT Image 2 · en

An e-commerce product page mockup for a specialty coffee brand 'Emberhouse Roasters'. Left side shows a large product photo of a matte-black coffee bag with a gold seal, plus small thumbnail images below. Right side has the product title 'Sunrise Blend · Medium Roast', a star rating, price '$18.00', a grind-size selector, a quantity stepper, and a warm-orange 'Add to cart' button. Below, tasting-notes chips and a shipping accordion. Warm cream background, elegant serif headings, minimal clean layout, 3:2.