Smart Designer

Verwandeln Sie einen Aktionsplan in eine exportfertige E-Mail oder eine veröffentlichte Landingpage im Stil Ihres Studios.

7 Min. Lesezeit

Smart Designer ist der visuelle Umsetzungsschritt nach dem Aktionsplan. Es übernimmt Ansatz, Inhalte und die in Studio Brain gespeicherte Identität, um schnell ein ansprechendes, editierbares Kampagnenmittel zu erstellen, das zu Ihrem Studio passt.

Was Fuze je nach Plan anbietet

E-Mail-Kanal
Ein E-Mail-Design wird angeboten, wenn der Plan eine E-Mail-Aktion enthält.
Website-Kanal
Eine Landingpage wird angeboten, wenn der Plan eine Website-Aktion enthält.
Andere Kanäle
Instagram und andere Kanäle schalten diese Formate nicht künstlich frei. Smart Designer folgt den tatsächlich geplanten Aktionen.

Den Arbeitsbereich verstehen

E-Mail / Landingpage
Wenn beide Kanäle im Ausgangsplan vorhanden sind, wechseln Sie innerhalb des Projekts zwischen den Ausgaben. Die visuelle Identität kann verknüpft bleiben, während jedes Format seine passende Komposition behält.
Stil
Erstellen Sie die Art Direction, wenden Sie eine Vorlage an und steuern Sie Layouts, Farben, Typografie, Bilder, Hintergründe und dekorative Details.
Inhalt
Bearbeiten Sie Texte, Rich-Text-Formatierung, Reihenfolge, Sichtbarkeit und optionale Blöcke.
Veröffentlichen und exportieren
Führen Sie die Abschlussprüfungen aus, validieren Sie das Design, senden Sie eine Test-E-Mail, exportieren Sie HTML oder veröffentlichen Sie die Landingpage.
Desktop / Mobil
Prüfen Sie beide responsiven Darstellungen vor der Validierung. Der Gerätewechsel in der Vorschau verändert das gespeicherte Design nicht.

Das erste Design mit KI erstellen

Meine Studio-Website
Fuze analysiert Ihre Website erneut und verbindet die visuellen Signale mit Studio Brain. Wenn verfügbar, werden Logo, Farben und typografische Richtung übernommen. Das Logo verlinkt auf die Studio-Website.
Referenz-Website
Geben Sie eine öffentliche URL als Inspiration an. Fuze übernimmt Gestaltungsprinzipien, ohne Logo, Texte oder Bilder der fremden Website zu kopieren.
Referenzbild
Laden Sie ein Moodboard, einen Screenshot oder ein Visual hoch, um Farbwelt, Rhythmus, Typografie und Komposition zu lenken.
Manuell beginnen
Überspringen Sie die KI-Generierung und starten Sie mit einem integrierten Thema oder einer gespeicherten Vorlage.

Eine künstlerische Handschrift hinzufügen oder verfeinern

Stilebene hinzufügen
Beschreiben Sie die Stimmung mit wenigen Begriffen, etwa elegantes Weihnachten, warmes Gold oder cineastisch. Eine Generierung für 10 Credits erstellt drei echte Varianten: dezent, ausgewogen und mutig. Vergleichen Sie sie mit Ihrem Inhalt und wenden Sie die gewählte Variante kostenlos an.
Mit KI verfeinern
Wählen Sie eine oder mehrere Richtungen und ergänzen Sie optional ein Briefing. Für 10 Credits verfeinert Fuze Farbwelt, Typografie und Dekoration, ohne Logo, Banner, Bilder, Blöcke oder Texte zu verändern.
Ohne Credits optimieren
Führt eine deterministische Design- und Conversion-Prüfung aus: Produktionsbegriffe werden entfernt, Hierarchie und Angebot ohne neue KI-Generierung verbessert.
Stil zurücksetzen
Kehrt zum vor den letzten Designänderungen gespeicherten Stil zurück. Lesen Sie die Bestätigung, da manuelle Stileinstellungen ersetzt werden.

Das Design manuell fein abstimmen

  • Wählen Sie eine Art Direction und ein Layout: ausgewogen, editorial, Conversion, Foto-Showcase oder minimalistisch.
  • Steuern Sie Farben, Schriften für Titel und Text, Rundungen, Breite, Abstände, Textgrößen, Spalten, Trennlinien und Schaltflächen.
  • Bearbeiten Sie das Hauptbild separat: volle Breite, eingefasst oder ausgeblendet, mit natürlichem, breitem, quadratischem oder Hochformat-Zuschnitt und wählbarem Fokuspunkt.
  • Fügen Sie unter dem Logo ein manuelles Banner hinzu und wählen Sie schmale, normale oder hohe Darstellung sowie eingefasst oder randlos.
  • Erstellen Sie einfarbige, verlaufende oder bildbasierte Hintergründe mit sicherer Ersatzfarbe für E-Mail-Programme. Ergänzen Sie Korn-, Papier- oder Leinentextur und steuern Sie Dichte, Größe, Platzierung, Farbe und Symmetrie der Dekoration.
  • Speichern Sie das Ergebnis als benannte Vorlage, legen Sie es als Standardstil des Studios fest oder verwenden Sie eine vorhandene Vorlage ohne KI-Credits.

E-Mail- und Landingpage-Inhalte bearbeiten

E-Mail
Bearbeiten Sie Betreff, Vorschautext im Posteingang, Dachzeile, Überschrift, Nachricht, Beschriftung und URL der Schaltfläche, Hauptbild, Fußzeile und Abmeldetext.
Formatierter Text
Nutzen Sie Absätze, Listen, Fett, Kursiv, Unterstreichung, Textfarben und Links. Die automatische Formatierung kann eingefügten Text in eine besser lesbare Struktur umwandeln.
Landingpage
Bearbeiten Sie Dachzeile, Überschrift, Beschreibung, Hero-Bild, Galerie, Highlights, Preis oder Praxishinweis, CTA und Kundenstimme oder Beleg.
Bilder
Laden Sie JPG, PNG, WebP oder AVIF bis 10 MB hoch oder fügen Sie eine gültige öffentliche Bild-URL ein. Ergänzen Sie bei Bedarf Alternativtext für Barrierefreiheit.

Direkt in der Live-Vorschau bearbeiten

  • Klicken Sie auf einen bearbeitbaren Block, um seine Einstellungen zu öffnen. Der angezeigte Bereich erklärt, ob die Änderung nur den Block, die aktuelle Ausgabe, beide verknüpften Ausgaben oder alle Schaltflächen betrifft.
  • Verschieben Sie Blöcke per Drag-and-drop oder mit Nach oben und Nach unten. Blenden Sie einen Block aus, ohne seinen Inhalt zu löschen, und aktivieren Sie ihn später in der Blockstruktur erneut.
  • Bearbeiten Sie Logo, Banner, Bilder, Überschrift, Text, CTA, Highlights, Angebot, Galerie, Kundenstimme, Promo-Zusammenfassung, Fußzeile und jeden eigenen Block direkt in der Vorschau.
  • Richten Sie Titel, Untertitel, Text, Highlights, Angebot, Kundenstimme, Promo und Fußzeile unabhängig aus. Ausrichtung und Breite der Schaltflächen bleiben von der Textausrichtung getrennt.
  • Bei optionalen Blöcken unterscheiden Sie die Ausrichtung des Inhalts von der Position des gesamten Rahmens. Der Block kann links, mittig, rechts oder über die volle Breite stehen.
  • Nutzen Sie Saubere Vorschau für die Beurteilung ohne Bearbeitungskonturen und kehren Sie bei Bedarf zu Vorschau bearbeiten zurück.

Mit zusätzlichen Blöcken gestalten

Fügen Sie pro Ausgabe bis zu 12 optionale Blöcke hinzu: Angebot, Kundenstimme, Vorteile, Geschenkkarte, Buchung, Bild oder Trennlinie. Jeder Block kann Titel, Text, CTA, Bild, Bildposition, Rahmenstil, Textausrichtung und Ausrichtung des gesamten Blocks erhalten.

  • Duplizieren Sie einen Block, um ohne Neustart eine Variante zu erstellen.
  • Kopieren Sie einen Block zwischen E-Mail und Landingpage, wenn beide Ausgaben vorhanden sind.
  • Ordnen, verbergen oder löschen Sie optionale Blöcke unabhängig. Vorschau, HTML-Export, veröffentlichte Seite und Test-E-Mail verwenden dieselbe Reihenfolge und Sichtbarkeit.
  • Nutzen Sie „Struktur der anderen Ausgabe übernehmen“, um den Rhythmus von E-Mail und Landingpage zu koordinieren, ohne identische Layouts zu erzwingen.

Ein veröffentlichungsreifes Ergebnis erreichen

  • Der Premium-Score bewertet das reale E-Mail- und Landingpage-Ergebnis auf einer Skala bis 10 und liefert konkrete Verbesserungshinweise.
  • Der Kampagnencheck erkennt fehlende Texte, ungültige URLs, schwache Kontraste, fehlende Bilder, unvollständige CTAs, fehlende Alternativtexte und SEO-Lücken.
  • Die Validierung wird verfügbar, sobald blockierende Punkte gelöst sind. Für die Veröffentlichung einer Landingpage sind außerdem ein validiertes Design und ein fertiger Abschlusscheck erforderlich.
  • Prüfen Sie immer Desktop und Mobil, öffnen Sie jeden CTA und senden Sie vor dem öffentlichen Start die echte Test-E-Mail.

Empfohlener Ablauf

  1. Wählen Sie einen kompatiblen Aktionsplan und erstellen Sie das Smart-Designer-Projekt.
  2. Generieren Sie die erste visuelle Richtung mit KI, verwenden Sie die Standardvorlage oder beginnen Sie manuell.
  3. Prüfen Sie Logo, Hauptbild, Banner und die allgemeine Art Direction.
  4. Korrigieren Sie Texte, Links und optionale Blöcke, bevor Sie die Dekoration verfeinern.
  5. Nutzen Sie die Live-Vorschau, um Rahmen, Texte und Schaltflächen getrennt einzustellen.
  6. Prüfen Sie Desktop und Mobil und führen Sie bei Bedarf Ohne Credits optimieren aus.
  7. Beheben Sie alle Punkte des Kampagnenchecks und validieren Sie das Design.
  8. Senden Sie die echte Test-E-Mail oder veröffentlichen Sie die Landingpage. Öffnen Sie das Ergebnis und prüfen Sie alle Links.

Häufige Situationen

Ein Plan fehlt
Der Ausgangsplan braucht mindestens eine E-Mail- oder Website-Aktion. Andere Kanäle allein erzeugen keine Smart-Designer-Ausgabe.
Das Logo fehlt
Analysieren Sie die Studio-Website erneut oder fügen Sie das Logo manuell hinzu. Prüfen Sie, ob die Website-URL öffentlich und gültig ist.
Veröffentlichen ist deaktiviert
Beheben Sie die blockierenden Punkte des Kampagnenchecks, speichern Sie und validieren Sie zuerst das Design.
Die öffentliche Adresse ist gesperrt
Eine veröffentlichte Landingpage sperrt ihren Slug. Nehmen Sie die Seite offline, ändern Sie die Adresse und veröffentlichen Sie erneut.
Die E-Mail sieht in einem Postfach anders aus
Verwenden Sie den Test von celeste@fuze.photo als endgültige Referenz für dieses E-Mail-Programm. Hintergründe besitzen sichere Ersatzfarben, einzelne Programme können dennoch eigene Einschränkungen anwenden.

Anpassen, ohne neu anzufangen

  • Wählen Sie ein Thema und passen Sie Farben, Typografie, Bilder, Texte, Schaltflächen und die Reihenfolge der Abschnitte an.
  • Fuze füllt das Projekt aus Plan und Studioidentität vor; Sie sehen sofort eine Vorschau für Desktop und Mobilgeräte.
  • Speichern Sie das Ergebnis als Vorlage, um es für eine weitere Kampagne wiederzuverwenden.

Eine E-Mail exportieren

Kopieren oder laden Sie die E-Mail als portables HTML für Ihre Versandplattform herunter. Vor der Kampagne kann Smart Designer die aktuelle Version von celeste@fuze.photo an die Adresse Ihres Fuze-Kontos senden, damit Sie die echte Postfachdarstellung prüfen. Dies ist nur ein Test: Fuze verteilt die Kampagne nicht an Ihre Kontaktliste.

Eine Landingpage veröffentlichen

  • Wählen Sie eine eindeutige Adresse wie fuze.photo/p/ihr-studio/ihre-kampagne und veröffentlichen Sie, sobald die Vorschau fertig ist.
  • Kopieren Sie die URL für Ihre Inhalte oder den automatisch skalierenden iframe-Code zur Einbettung in eine bestehende Website.
  • Sie können die Seite jederzeit offline nehmen, ohne das Projekt zu löschen.

SEO, UTM und Messung

  • SEO-Titel und Beschreibung sind editierbar; die Indexierung bleibt für jede Landingpage eine ausdrückliche Entscheidung.
  • Kampagnenlinks können UTM-Parameter enthalten, damit ihre Quelle in Tracking erkennbar ist.
  • Fuze misst die durch die Einwilligung erlaubten Aufrufe und Klicks. Eine per iframe eingebettete Landingpage verdoppelt die Messung nicht künstlich.