Der tatsächliche Ablauf bei StandardLife
Die Rollen sind klar verteilt: Wir verantworten das Design in Figma und die responsive Ausarbeitung in Webflow. Die weitere Agentur überträgt das Ergebnis in TYPO3. Webflow ist in diesem Ablauf unsere Umsetzungsebene für Gestaltung und Interaktion; TYPO3 ist das System für den anschließenden Nachbau.
Der Grund für unsere Beteiligung liegt in unserer Designexpertise und der Fähigkeit, Animationen zu gestalten und umzusetzen. Es geht also um eine bewusste Zusammenarbeit unterschiedlicher Kompetenzen. Daraus folgt nicht, dass jede Versicherungswebsite zwei technische Umsetzungen benötigt.
Was eine gestaltete Seite noch offenlässt
Ein statisches Design kann Abstände, Farben, Typografie und die Anordnung von Inhalten präzise zeigen. Manche Fragen werden jedoch erst im Browser konkret: Wie verhält sich eine Sektion beim Scrollen? Wie verändern sich Elemente zwischen Bildschirmgrößen? Welche Bewegung unterstützt die Aussage?
Eine responsive Ausarbeitung kann solche Fragen sichtbar und besprechbar machen. Sie ist dabei kein Ersatz für die spätere technische Umsetzung. Vielmehr lässt sich an einem konkreten Ergebnis erläutern, welche gestalterische Wirkung im Zielsystem erhalten bleiben soll.
Animation als Teil der Gestaltung
Gute Animation beginnt mit einer Aufgabe. Sie kann eine Reihenfolge verdeutlichen, einen Zustandswechsel erklären oder die Aufmerksamkeit auf einen relevanten Teil der Seite lenken. Bewegung ohne erkennbare Aufgabe erhöht dagegen schnell die visuelle Unruhe.
Für die Gestaltung empfehlen wir deshalb, jede Animation mit einem kurzen Satz zu begründen: Was wird dadurch verständlicher? Anschließend lassen sich Auslöser, Dauer und Zustände festlegen. Auch die ruhige Darstellung ohne Bewegung gehört zur Konzeption, damit zentrale Inhalte nicht von einem Effekt abhängig sind.
Responsive bedeutet mehr als kleinere Abstände
Ein Desktop-Layout schrumpft nicht automatisch zu einer guten mobilen Seite. Inhalte umbrechen anders, nebeneinanderliegende Elemente werden nacheinander gelesen und Interaktionen müssen mit Touchbedienung funktionieren. Besonders bei bewegten Elementen verändert sich dadurch die gestalterische Aufgabe.
In einer responsiven Referenz lassen sich diese Entscheidungen zusammenhängend prüfen. Für künftige Projekte empfehlen wir dabei nicht nur einzelne Standardbreiten, sondern auch Übergangsbereiche: Gerade dort können längere Überschriften, Navigationen oder komplexe Karten unerwartet reagieren.
Was bei einer Übergabe erhalten bleiben sollte
Der Nachbau in einem anderen System benötigt eine gemeinsame Vorstellung vom fertigen Ergebnis. Für einen solchen Ablauf sind dokumentierte Komponenten, echte Textinhalte, Bildausschnitte und erkennbare Interaktionszustände hilfreich. Eine Linkliste allein erklärt noch nicht, welche Details gestalterisch entscheidend sind.
Als allgemeine Übergabeempfehlung unterscheiden wir daher drei Ebenen: sichtbare Gestaltung, Verhalten und redaktionelle Nutzung. Die erste beschreibt das Aussehen; die zweite erläutert Interaktionen; die dritte klärt, was später veränderbar sein soll. Diese Empfehlung beschreibt keine zusätzlichen vertraglichen Leistungen im StandardLife-Projekt.
Grenzen des systemübergreifenden Ablaufs
Eine Webflow-Umsetzung lässt sich nicht mit einem bloßen Export automatisch zu einer vollständigen TYPO3-Website machen. Komponenten, Vorlagen und redaktionelle Funktionen müssen im Zielsystem passend aufgebaut werden. Der beschriebene Ablauf ist ausdrücklich ein Nachbau durch die andere Agentur.
Dadurch entsteht zusätzliche Abstimmung. Ob sich dieser Aufwand lohnt, hängt vom Projektziel, der bestehenden Systemlandschaft und den benötigten Kompetenzen ab. Das Modell sollte gewählt werden, weil die Aufgabenteilung sinnvoll ist, nicht weil ein zusätzliches Werkzeug grundsätzlich bessere Ergebnisse verspricht.
Wann diese Arbeitsteilung interessant sein kann
Für ein Unternehmen kann die spätere Plattform feststehen, während besondere Design- oder Animationskompetenz zusätzlich benötigt wird. Dann muss die Wahl des Zielsystems nicht zwangsläufig bestimmen, wer das visuelle Konzept entwickelt. Das StandardLife-Beispiel zeigt eine konkrete Form dieser Zusammenarbeit.
Vor Projektbeginn würden wir gemeinsam festhalten, welche Seiten und Zustände als Referenz benötigt werden, wie Rückfragen beantwortet werden und woran der Nachbau beurteilt wird. Je konkreter diese Grundlage ist, desto leichter lassen sich gestalterische Absicht und technische Umsetzung aufeinander beziehen.
Unsere Erfahrung bewusst richtig einordnen
StandardLife ist für uns ein Beispiel für Figma-Design und responsive Webflow-Ausarbeitung mit anschließender Übertragung durch einen weiteren Partner. Alteos steht dagegen für unsere vollständige Website-Umsetzung in Webflow im Rahmen einer langjährigen Zusammenarbeit. Beide Projekte zeigen unterschiedliche Einsatzmöglichkeiten unserer Arbeit.
Wir führen aus diesen Abläufen keine pauschale Zeitersparnis oder Conversion-Steigerung ab. Der konkrete Mehrwert liegt in der jeweils passenden Rolle: ein durchgängiger Webflow-Auftritt oder eine ausgearbeitete Gestaltungsreferenz für ein anderes Zielsystem.
{{callout}}
{{cta}}
Häufig gestellte Fragen
Wie arbeiten wir bei StandardLife?
Wird die Webflow-Seite automatisch nach TYPO3 übertragen?
Warum kommt Webflow in diesem Ablauf vor?
Ist dieser Ablauf für jede Versicherungswebsite sinnvoll?
Wie unterscheidet sich Alteos?
