Website-Relaunch für movingimage: Von starren Strukturen zu einer dynamischen Webpräsenz
Das Marketingteam von movingimage wollte mehr Kontrolle über ihre Inhalte und eine Plattform, die der Marke gerecht wird. Eine modulare Webflow-Website und die Weiterentwicklung des digitalen Markenauftritts haben die notwendige Flexibilität geschaffen.
Über das Projekt
movingimage ist ein führender Anbieter von Videohosting-Software für Unternehmen. Die vorherige WordPress-Website arbeitete mit statischen Templates, die dem Marketingteam nur wenig gestalterische Freiheit gaben. Außerdem vermittelte der digitale Auftritt die angestrebte Markenwirkung nicht mehr angemessen und bot nur eine begrenzte technische Grundlage für gute Performance und SEO.
Das Ziel: Ein markengerechtes Websitesystem schaffen, mit dem das Marketingteam individuelle Inhalte und Seiten eigenständig entwickeln kann. Zugleich musste sich die Website vollständig in die Go-to-Market-Strategie integrieren, anstatt lediglich als digitale Visitenkarte zu dienen.
Das Ergebnis: Berlin Bytes hat eine Webflow-Website mit wiederverwendbaren Komponenten, UX-optimierten Nutzerführungen, Lokalisierung sowie Templates für wiederkehrende Seitentypen umgesetzt. Die Einbindung der eigenen Videoplattform ermöglicht es movingimage, das Produkt und seinen konkreten Mehrwert direkt auf der Website zu präsentieren.
.avif)
Der Auftrag
Die bisherige WordPress-Website hatte die Arbeitsgeschwindigkeit des Marketingteams zunehmend eingeschränkt und im Tagesgeschäft für Frustration gesorgt. Mit den statischen Templates konnten zwar schnell gewöhnliche Inhalte erstellt werden, aussagekräftige Seiten jedoch nur mit erheblichem Aufwand. Der Relaunch musste deshalb zwei Probleme gleichzeitig lösen: den digitalen Auftritt modernisieren und eine verlässliche Struktur schaffen, in der auch nichttechnische Nutzer sicher arbeiten können.
Wie kann das Marketing die Verantwortung für die Contenterstellung übernehmen?
Die vorherige Lösung hatte neue Inhaltsformate nur eingeschränkt unterstützt. Dadurch war eine starke Abhängigkeit von Webentwicklern entstanden. Das Marketingteam brauchte mehr Freiheit und zugleich Schutzmechanismen, die verhindern, dass versehentliche Änderungen zentrale Gestaltungsregeln beeinträchtigen.
Wie lässt sich die gesamte Nutzererfahrung verbessern?
Als Anbieter einer Plattform für hochwertige Videoinhalte wollte movingimage UX und Design von Beginn an in den Neuaufbau der Website einbeziehen. Ziel war eine digitale Erfahrung, die das Produkt verständlich vermittelt und bei den Zielgruppen die gewünschte Verbindung zur Marke schafft.
Welches CMS schafft eine belastbare technische Grundlage?
movingimage wollte die neue Website auf einer modernen Plattform mit einer soliden technischen Grundlage aufbauen. Das System musste eine hohe Performance unterstützen und zugleich gute Voraussetzungen für SEO, Lokalisierung und Barrierefreiheit schaffen.
Ein modulares Webflow-System von der Konzeption bis zur Übergabe
Ziele und Seitenstrukturen gemeinsam definieren
Zu Beginn des Projekts haben wir die spezifischen Anforderungen des Teams in ein konkretes Konzept übersetzt. In Kickoff-Terminen, UX-Beratungen, Workshops und Gesprächen zur Sitemap haben wir gemeinsam die gewünschte Nutzererfahrung, die angestrebte Außenwirkung, die erforderlichen Inhaltstypen und die zukünftige Arbeitsweise des Marketingteams festgelegt. Hiernach empfohlen wir Webflow, da die Plattform redaktionelle Unabhängigkeit ermöglicht und den Wartungsaufwand stark reduziert. Gleichzeitig konnte das gewünschte Designsystem damit strukturiert und konsistent umgesetzt werden.
Modulare Seiten und wiederverwendbare Komponenten für mehr Flexibilität
Wir haben die Website als System aus wiederverwendbaren Komponenten und konsistenten Klassen aufgebaut. Dadurch kann das Marketingteam Bausteine kombinieren und bei Bedarf anpassen. Die Entwickler können sich unterdessen auf die Pflege und Weiterentwicklung der Komponentenbibliothek konzentrieren.
Für wiederkehrende Inhalte mit stabiler Struktur haben wir Webflow-CMS-Collections und Templates eingerichtet. Mit Qualitätssicherung, Tests zur Barrierefreiheit, Dokumentation und Schulungen haben wir das movingimage-Team anschließend auf die selbstständige Verwaltung der Plattform vorbereitet.
Lokalisierung, Integrationen und eine sichere Übergabe
Nachdem wir die Struktur, die Lokalisierung für Deutsch und Englisch und das zukünftige Betriebsmodell festgelegt hatten, haben wir die digitale Präsenz enger mit dem Produktangebot von movingimage verbunden.
Dafür haben wir ausgewählte externe Dienste eingebunden, darunter die eigene Videoplattform von movingimage. iFrames und direkte Links haben die erforderlichen Funktionen bereitgestellt. Auf diese Weise ist eine engere Verbindung zwischen Website und Produktstrategie entstanden, während die technische Lösung überschaubar und langfristig wartbar geblieben ist.
Projekt-Highlights
Projektergebnisse
Mehr Autonomie für das Marketingteam
Wiederverwendbare und zugleich anpassbare Komponenten und Templates haben den Bedarf an technischer Unterstützung reduziert. Dadurch entstehen weniger Abstimmungsschleifen, und Inhalte gelangen schneller zur Veröffentlichung.
Eine klarere Verbindung zwischen Markenvision und digitaler Erfahrung
Durch Workshops und gemeinsame Planung hat movingimage eine klarere Vorstellung von der gewünschten Nutzerführung und der Wirkung entwickelt. Die erste Umsetzung dieser Vision ist inzwischen live und bildet die Grundlage für die weitere Entwicklung der Website.
Eine stärkere Grundlage für Performance und SEO
Mit dem Wechsel von WordPress zu Webflow ist eine skalierbare technische und redaktionelle Grundlage für Performance, SEO und die weitere Entwicklung zweisprachiger Inhalte entstanden. Gleichzeitig haben die modularen Strukturen und der geringere Wartungsbedarf die laufende Verwaltung der Website vereinfacht.
Gemeinsam mit Berlin Bytes haben wir unsere Vision Wirklichkeit werden lassen: ein digitaler Auftritt, der endlich wieder zu uns und unserer Marke passt. Danke für eure Ideen und die gute Zusammenarbeit!
Schlüssel-Erkenntnisse
Eine gründliche Discovery-Phase verbessert die Planung und reduziert Reibung
Ein Relaunch, der das zugrunde liegende Betriebsmodell nicht berücksichtigt, überträgt viele bestehende Probleme lediglich in ein neues System. Deshalb sollten Seitentypen, externe Dienste, redaktionelle Verantwortlichkeiten und Systemgrenzen vor der Umsetzung möglichst klar definiert werden.
Pragmatismus führt häufig zur zuverlässigeren Lösung
Nicht jede Anbindung erfordert eine individuell entwickelte Integration. iFrames und direkte Links haben wichtige Dienste innerhalb des vereinbarten Umfangs zuverlässig verfügbar gemacht. Entscheidend ist, die einfachste Lösung zu wählen, die den geschäftlichen Bedarf erfüllt, den Projektrahmen berücksichtigt und langfristig wartbar bleibt.
Unsere kreative Bilanz:
Eine Auswahl unserer Arbeiten
Prozessoptimierung über alle Schritte hinweg: Weblösung für RUN
Brand-Relaunch & modulare Website für IGNITE by FORVIA HELLA
Digitale Bühne für die Energiewende in Kolumbien
Spielend zur Erkenntnis: Webanwendung für die Uni Köln
.png)
Neue Wege im Verkehr: smarte Mobilitäts-App für Kapsch
Gutes Karma: Konzept und Design für eine benutzerzentrierte Crowdfunding-Plattform
Shopify Store für BellyDog: Markenidentität trifft Umsatzwachstum
.png)
Weichenstellung für die Zukunft: Die neue Website des VDES
Digitales Hygienemanagement für Calvatis: Saubere Prozesse, globale Standards
Daten vereint, Design perfektioniert: Relaunch für World of Data
.png)
Live-Streaming-Plattform für dfine.io: sichere Post-Production
Höhenflüge der Technik: IoT für ZiplinePark
.png)
E-Commerce-Relaunch von Aeyde – Luxus neu definiert
Fitness-App für die Deutsche Bahn bewegt die Mitarbeitenden
.png)
Erfolg in der Tasche: GOT BAG auf dem Weg zur globalen Marke
Buchen Sie Ihren Wunschtermin mit uns
