Vom Konzeptzum Launch.
Wir haben den Prozess gebaut, der hinter jedem unserer Premium-Projekte steht. Vom ersten Briefing über Konzept, Brand-Design und Motion bis zur sauberen Webflow-Entwicklung - alles in einem Studio, in einer Visual-Sprache, mit einem festen Team pro Projekt. Klare Phasen, klare Verantwortlichkeiten, klare Outcomes. Du weißt zu jedem Zeitpunkt, was passiert und warum.
Eine Premium Website
spürt man, bevor man
sie versteht.
Wie das in der Praxis aussieht? Schauen wir's uns an einem echten Projekt an: dem Relaunch von FRAMEN, der Digital-Signage-Plattform aus der Axel-Springer-Gruppe.
Konzept & Projektplan
FRAMEN betreibt eine Plattform mit über 30.000 Standorten in mehr als 30 Ländern und bedient zwei grundverschiedene Zielgruppen: Locations wie Gyms, Hotels und Coworking-Spaces auf der einen Seite, Advertiser und Agenturen auf der anderen. Die bestehende Website sprach beide Welten gleichzeitig an und erreichte dadurch keine richtig. Das Projekt startete deshalb ganz oben: in einem Kickoff mit der gesamten FRAMEN-Führungsebene, in dem wir das Produkt, die Marktposition und die strategische Richtung des Unternehmens im Detail verstanden haben.
Hero & Brand Design
Für die Hero-Section haben wir mehrere Richtungen vollständig ausgearbeitet und im Call mit der C-Level-Ebene präsentiert, jeweils mit unserer klaren Empfehlung, welche Richtung das Produkt am stärksten positioniert. Aus dem Feedback entstand eine bewusste Schärfung: weniger Software-Look, mehr Apple. Also haben wir eine weitere Iterationsrunde gedreht und die Hero-Section neu gedacht, mit einem Fullscreen-Visual, das die Screens dort zeigt, wo sie wirken: in echten Locations.
Für diese Visuals haben wir eigene Video-AI-Rendering-Konzepte für FRAMEN entwickelt und umgesetzt, statt auf Stock-Material auszuweichen. Das Ergebnis: ein minimalistischer Apple-Look mit dezenten, präzise gesetzten Animationen, der den Ton für die gesamte Website definiert hat. Eine Erkenntnis aus dieser Phase wurde zum Designprinzip des Projekts: Gym-Betreiber und Hoteliers sitzen nicht am Laptop, sie haben das Handy in der Hand. Jede Design-Entscheidung ab diesem Punkt wurde Mobile-First getroffen.
Landing Page Design
Auf Basis der finalen Hero-Richtung haben wir das Rohkonzept der Landing Page entwickelt und dabei das Kernproblem der alten Seite gelöst: generische Botschaften, in denen sich niemand wiederfindet. Die neue Struktur spricht jede Branche direkt an. Ein Gym sieht, was FRAMEN für Gyms bedeutet, ein Hotel, was es für Hotels bedeutet, mit eigenen Sections für die wichtigsten Verticals und klaren Wegen in den jeweils passenden Funnel.
Design der gesamten Website
Aus der freigegebenen Landing Page wurde das komplette System: über 15 Seiten, darunter die separaten Funnel-Welten für Locations und Advertiser, Pricing, Success Stories, Press, About und Blog, dazu CMS-Strukturen für Partner-Logos, Cases und News, damit das FRAMEN-Team Inhalte selbst skalieren kann. Jede Seite wurde zunächst als Konzept präsentiert und dann in enger Abstimmung mit dem FRAMEN-Team verfeinert.
In dieser Phase ging es um die Details, die über Conversion entscheiden: Wo genau steht welcher Call-to-Action, wie führt der UX-Flow einen Gym-Betreiber vom ersten Scroll zur Anfrage, wie einen Mediaplaner zum richtigen Produkt. Wir haben Struktur, Inhalte und Flows mehrfach optimiert, bis beides saß: die Wirkung der Marke und der Weg zur Anfrage. Alles konsequent Mobile-First, über zwei Zielgruppen und jede Bildschirmgröße hinweg.
Development & Motion Design
Die Umsetzung erfolgte in Webflow, gebaut auf einem ausführlichen Style-System: definierte Komponenten, konsistente Klassen, dokumentierte Strukturen. Das ist mehr Arbeit am Anfang und genau deshalb der richtige Weg, denn FRAMEN kann die Website dadurch nachträglich selbst anpassen und erweitern, ohne von uns abhängig zu sein. Dazu kommt ein mehrsprachiges Setup mit sauberer Verzeichnis-Struktur, das die SEO-Schwäche der alten Seite behebt: Übersetzungen, die Suchmaschinen vorher nie gesehen haben, sind jetzt indexierbar.
Beim Motion Design haben wir umgesetzt, was das Konzept versprochen hat: interaktive, vektorbasierte 3D-Animationen, die das Produkt erklären statt nur zu dekorieren, dezente Übergänge und eine optimierte Video-Pipeline für die filmischen Hero-Inhalte. Und trotz der Größe der Seite, trotz Videos und Animationen: komplett grüner PageSpeed-Index. Performance auf diesem Niveau ist bei video-lastigen Websites kein Zufall, sondern das Ergebnis von Asset-Kompression, Lazy-Loading-Strategie und sauberem Code.
Übertragung, Go-Live & danach
Vor dem Launch sind wir die komplette Website gemeinsam mit dem FRAMEN-Team durchgegangen, Seite für Seite. Aus dem Final-Review entstand eine letzte Fix-Liste, von Navigations-Feinschliff bis zu Detail-Optimierungen am mobilen Erlebnis, umgesetzt innerhalb derselben Woche. Danach haben wir das Projekt in den Webflow-Account von FRAMEN übertragen, alle technischen Einstellungen übernommen und das Team genau eingewiesen: Was lässt sich wo anpassen, wie funktioniert das CMS, wo liegen die Grenzen des Style-Systems.
Was Framen über die Zusammenarbeit sagt
Alex Kurze, Manager bei FRAMEN, über die Zusammenarbeit mit INSYNC.
Frequentlyasked Questions.
Wie wir arbeiten, woran man sich orientiert, wer für was zuständig ist. Hier alle Fragen rund um den Projektablauf bei uns.
Sechs klar getrennte Phasen: Konzept und Projektplan, Hero und Brand-Design, Landing Page, restliche Seiten, Development inkl. Motion, Übergabe und Go-Live. Nach jeder Phase eine strukturierte Feedback-Runde - damit am Ende niemand vor einem fertigen Etwas sitzt, das nicht passt.
Standardprojekt: 4-6 Wochen von Briefing bis Live. Komplexer mit Multi-Page und Custom-Animationen: 6-10 Wochen. Wir geben dir nach dem Konzept-Call eine verbindliche Timeline - kein „so um den Daumen“.
Ein dedizierter Project Manager begleitet dich von Anfang bis Ende. Wöchentliche Sync-Calls, asynchrone Updates über Slack, Email oder WhatsApp. Du fragst etwas, du bekommst innerhalb 24h eine Antwort.
Eine Haupt-Feedback-Runde pro Phase plus Final-Approval am Ende. Strukturiert direkt in Figma kommentiert oder über Asana - nicht zehn Punkte verstreut in einer Email irgendwo dazwischen. Das hält Scope und Tempo stabil.
Wir bringen Konzept, Design, Copy-Vorschläge, Stockassets, Brand-Direction und Development. Du bringst dein Fachwissen - also Inhalte, die nur du liefern kannst (Cases, Team-Infos, Logos, echte Fotos falls vorhanden). Wenn Fotos fehlen, helfen wir mit AI-Bild-Generierung oder Premium-Stock.
Lass uns über euer Projekt sprechen!
20-Minuten Gespräch, ohne Verkaufsdruck. Ihr beschreibt, was ihr vorhabt und wir sagen, ob und wie wir helfen können.