Framer-Website mit Agenten: das Template bewusst erhalten

Die Vorlage entscheidet einen Teil der Arbeit vor

Bei der Auswahl schaue ich im Video vor allem auf Leistungsseiten, die Über-uns-Seite und den Blog. Passt die Gliederung zu dem, was das Unternehmen erklären muss? Gibt es Abschnitte, die sich mit realen Inhalten sinnvoll füllen lassen? Stockfotos sind für diese Entscheidung zweitrangig. Sie werden später ersetzt. Eine unpassende Seitenstruktur lässt sich deutlich weniger beiläufig austauschen.

Im konkreten Fall bespreche ich die Auswahl mit dem Auftraggeber und entscheide mich für eine Vorlage, die zum Coaching-Kontext passt. Der Vorteil ist nicht nur ein früher schöner Eindruck. Wir legen damit einen gemeinsamen Bezugspunkt fest. Wenn später eine Änderung vorgeschlagen wird, lässt sich fragen, ob sie das vereinbarte Grundprinzip verbessert oder unnötig verlässt. Ohne diesen Bezug wird jede Runde schnell zu einer neuen Geschmacksdiskussion.

Die im Film genannten Templatepreise und damaligen Werkzeugkontingente gehören zum Aufnahmezeitpunkt. Sie sind keine aktuelle Einkaufsberatung. Für die Auswahl bleibt die wichtigere Frage unabhängig davon bestehen: Spart diese Vorlage Arbeit an der Struktur, oder gefällt uns hauptsächlich das Beispielbild im Kopfbereich? Wenn nur das Bild überzeugt, würde ich noch weitersuchen.

Verbunden sein bedeutet noch nicht verstanden haben

Zu Beginn zeige ich den Weg, einen externen Agenten mit Framer und dem konkreten Projekt zu verbinden. Danach kann die eigentliche Arbeit anfangen. Die Verbindung allein sagt aber nichts darüber aus, ob der Agent die Website richtig verstanden hat. Deshalb lautet mein erster inhaltlicher Auftrag sinngemäß: Schau dir die Seiten, die Abschnitte und ihre Struktur an. Mach dich mit dem Template vertraut.

Ich lasse also nicht sofort Texte und Bilder austauschen. Zuerst soll ein gemeinsames Bild des Bestands entstehen. Das ist bei einem Template besonders wertvoll, weil wiederkehrende Elemente zusammenhängen können. Wer eine einzelne Karte isoliert verändert, merkt möglicherweise erst auf einer anderen Unterseite, dass deren Variante ebenfalls betroffen ist. Die Bestandsaufnahme hilft, solche Zusammenhänge früh überhaupt zum Thema zu machen.

Dieser Beitrag ersetzt nicht die aktuelle Dokumentation zur Einrichtung. Er beschreibt den gezeigten Arbeitsablauf. Für die redaktionelle Aufgabe ist entscheidend, dass die Verbindung auf das richtige Projekt zeigt und der erste Auftrag eine Analyse bleibt. Eine technische Erfolgsmeldung ist kein Ersatz für eine nachvollziehbare Beschreibung dessen, was der Agent vorgefunden hat.

Geschäftlicher Kontext kommt vor der großen Anpassung

Nach der Templateanalyse folgt im Video die Beschäftigung mit dem Unternehmen und anderen Anbietern derselben Branche. Daraus soll eine Gliederung entstehen, die zum Angebot passt. Die Reihenfolge ist bewusst: Der Agent kennt zuerst die vorhandene Form und bekommt dann die geschäftliche Aufgabe. So kann er vorhandene Abschnitte nutzen, statt aus einer allgemeinen Branchenbeschreibung irgendeine neue Website zu erzeugen.

Wettbewerbsseiten liefern dabei Anregungen, keine Beweise dafür, was bei unseren Besuchern funktioniert. Im Gespräch verwende ich Formulierungen wie „was gerade funktioniert“. Für eine belastbare Umsetzung sollte daraus zunächst eine Hypothese werden. Eine häufig verwendete Angebotsstruktur kann sinnvoll sein, sie kann aber ebenso eine Gewohnheit der Branche spiegeln. Entscheidend bleibt, ob der eigene Anbieter die darin versprochenen Leistungen tatsächlich erbringt und verständlich erklären kann.

Zusätzlich bekommt der Agent vorhandene Fotos. Im Video ist von einem Ordner mit Bildern des Auftraggebers die Rede. Das ist mehr Kontext als der Auftrag, passende Bilder zu suchen. Die Website soll eine konkrete Person und ein reales Angebot darstellen. Für weitere Projekte würde ich deshalb früh festhalten, welche Texte, Bilder und Aussagen freigegeben sind und welche Stellen noch echte Inhalte brauchen.

Anpassen ist eine präzise gestalterische Grenze

Mein wiederkehrender Auftrag lautet, das Template anzupassen und seine guten Elemente nicht unnötig zu verändern. Das lässt trotzdem Spielraum. Ein vorhandener Abschnitt kann an einer anderen Stelle besser passen. Ein anderer kann entfallen. Im gezeigten Fall verschwindet ein auffälliger Umschalter im Einstieg, dessen Hintergrundwechsel ich für den späteren normalen Besuch eher ablenkend finde. Der Agent übernimmt also nicht jedes Demoelement unverändert.

Diese Entscheidung ist kein Widerspruch zum Erhalten der Vorlage. Erhalten werden soll ihre gestalterische Qualität, nicht zwangsläufig jede Interaktion. Im Film übernimmt der Agent außerdem einen Abschnitt aus einem anderen Teil der Vorlage und nutzt ihn auf der Startseite, um das Angebot verständlicher zu machen. Das ist eine konkrete Form der Anpassung: mit vorhandenen Mitteln arbeiten und deren Reihenfolge auf die reale Aufgabe zuschneiden.

Ein hilfreicher Auftrag benennt deshalb beide Seiten. Was bleibt, etwa Typografie, grundlegende Abstände oder das Verhalten vorhandener Komponenten? Was darf sich ändern, etwa Texte, Bilder, Reihenfolge und Zahl der Angebotskarten? Je weniger davon ausgesprochen wird, desto größer ist die Wahrscheinlichkeit, dass der Agent unter „besser“ etwas anderes versteht als der Auftraggeber.

Der sichtbare Fehler steckt am breiten Seitenrand

Nach dem ersten Durchlauf gehe ich die Seiten durch. Dabei fällt im Video ein konkretes Problem auf: Bei einer breiteren Darstellung reicht eine Hintergrundfarbe an den Seiten nicht mehr passend mit. Das ist ein nützlicher Gegenbeleg zur Vorstellung, dass eine automatisch angepasste Website immer auf allen Größen fertig wäre. Der Entwurf kann insgesamt gut aussehen und an einer bestimmten Breite trotzdem auseinanderfallen.

Mein Feedback verortet Änderungen deshalb auf einer Seite und in einem Abschnitt. Ich benenne beispielsweise den Kopfbereich, die Angebotssektion oder ein Bild. Bei den Angeboten schlage ich vor, weniger Karten größer darzustellen. Für eine Tabletansicht bespreche ich die Position der verbleibenden Karte. Dadurch wird aus einem allgemeinen Unbehagen eine bearbeitbare Liste. Der Agent muss weniger erraten, und ich kann später kontrollieren, ob jede Stelle geändert wurde.

Ich nutze dafür längere Sprachaufträge und sage beim Wechsel, auf welcher Seite ich gerade bin. Für die eigene Praxis würde ich diese Rückmeldungen zusätzlich als überprüfbare Liste festhalten lassen. Sonst kann eine längere Ansage trotz guter Spracherkennung einen Punkt verlieren. Nach der Umsetzung lässt sich die Liste Seite für Seite abgehen, statt sich auf die Erinnerung an das Gespräch zu verlassen.

Der Mensch wechselt die Rolle, verschwindet aber nicht

Im Schluss zeige ich verschiedene Seiten, Artikel und Größen. Der Film dokumentiert einen konkreten Aufbau mit anschließendem Durchsehen, keinen umfassenden Nachweis über jedes Gerät oder jede mögliche Eingabe. Auch die erzählte Zeitersparnis ist meine Projekterfahrung und keine pauschale Lieferfrist. Fotos, Texte, Feedback und Umfang beeinflussen weiterhin, wie lange eine Website braucht.

Der Titel „ohne den Editor anzufassen“ beschreibt vor allem, wer die einzelnen Änderungen ausführt. Meine Arbeit verlagert sich auf Auswahl, Kontext und Prüfung. Das setzt Urteilsvermögen voraus: Welche Information fehlt? Welcher Abschnitt stört? Wo ist eine Abweichung ein Fehler, und wo verbessert sie die Vorlage? Wer diese Entscheidungen nicht treffen möchte, löst das Problem nicht allein durch einen Sprachzugang.

Was bleibt.

Für einen eigenen Versuch würde ich eine passende Vorlage und eine echte Unterseite wählen. Lass den Bestand erklären, gib freigegebene Inhalte dazu und benenne ausdrücklich, was erhalten bleiben soll. Prüfe danach die Seite samt Navigation auf mehreren Breiten.

Der Agent übernimmt die Handgriffe. Deine wichtigste Aufgabe bleibt, ein gutes Ergebnis zu erkennen und Abweichungen so konkret zu beschreiben, dass die nächste Runde besser wird.