Warum wir Framer für Marketing-Websites jeder Grösse nutzen

Wir haben die Entwicklung unserer Marketing-Websites bereits während der Beta-Phase Anfang 2022 als einer der ersten Nutzer auf Framer umgestellt – und das hat grundlegend verändert, wie wir Websites für unsere Kunden erstellen und pflegen. Hier teilen wir unsere praktischen Erfahrungen mit Framer in Projekten unterschiedlicher Grösse.

Veröffentlicht am

von

Cedric Moore

Cédric Moore

in

Meinungen

Veröffentlicht am

von

Cedric Moore

Cédric Moore

in

Meinungen

Why we use Framer for marketing sites at any scale

Das Problem mit traditionellen Tools

Vor Framer standen wir vor einem bekannten Dilemma: WordPress bot gutes Content-Management, zwang uns aber in starre Templates, während individueller Code uns Freiheit gab, jedoch laufende Wartung durch Entwickler erforderte. Unser Marketingteam brauchte Content-Updates, unsere Designer wollten kreative Kontrolle, und unsere Entwickler benötigten sauberen, wartbaren Code.

Was Framer anders macht

Framers komponentenbasierte Architektur lässt uns schneller arbeiten, ohne Spaghetti-Code zu schreiben. Das bedeutet in der Praxis:

  • Designer arbeiten direkt auf der Plattform, statt Figma-Dateien über den Zaun zu werfen

  • Marketer aktualisieren Inhalte, ohne Entwickler-Tickets zu erstellen

  • Entwickler verbringen ihre Zeit mit komplexen Funktionen statt mit einfachen Layout-Änderungen

  • Alle arbeiten mit demselben Set markenkonsistenter Komponenten

Performance ohne Konfiguration

Framer generiert standardmässig statische Websites, was bedeutet:

  • Seiten laden in unter 400 ms

  • Wir erreichen Lighthouse-Scores von 95+ ohne Optimierung

  • Content wird automatisch auf ein globales CDN deployt

  • SEO-Grundlagen funktionieren out of the box

Content-Management, das funktioniert

Im Gegensatz zum One-size-fits-all-Ansatz von WordPress lässt uns Framer Content-Strukturen erstellen, die unseren tatsächlichen Anforderungen entsprechen:

  • Marketingteams können in einer visuellen Oberfläche bearbeiten

  • Content-Änderungen können vor dem Go-live in der Vorschau geprüft werden

  • Mehrere Teammitglieder können gleichzeitig arbeiten

  • Änderungen können bei Bedarf rückgängig gemacht werden

Echter Code, wenn du ihn brauchst

Auch wenn Framer mit seinem visuellen Editor gut funktioniert, schränkt es Entwickler nicht ein:

  • Eigene React-Komponenten schreiben

  • Integrationen von Drittanbietern hinzufügen

  • Mit externen APIs verbinden

  • Versionskontrolle nutzen

  • Automatisierte Deployments einrichten

Enterprise-Funktionen, die zählen

Für grössere Projekte bietet Framer die Sicherheits- und Skalierungsfunktionen, die wir brauchen:

Sicherheit

  • SAML/SSO-Integration

  • Regelmässige Sicherheits-Patches

  • Rollenbasierte Berechtigungen

  • Audit-Logs

Integration

  • REST-API

  • Webhooks

  • Eigene Endpoints

  • Verbindungen zu Drittanbietern

Skalierung

  • Automatisierte Backups

  • Load Balancing

  • Globales CDN

  • Hohe Verfügbarkeit

Warum das wichtig ist

Marketing-Websites werden immer komplexer. Einfache Broschüren-Websites haben sich zu interaktiven Erlebnissen entwickelt, die schnell laden und perfekt funktionieren müssen. Framer lässt uns diese modernen Websites bauen, ohne separate Tools für Design, Entwicklung und Content-Management zu betreiben.

Das Fazit

Framer hat konkrete Vorteile gegenüber sowohl traditionellen CMS als auch individuellem Code:

  • Schnellere Entwicklung durch wiederverwendbare Komponenten

  • Bessere Performance durch statische Generierung

  • Einfachere Wartung durch visuelles Bearbeiten

  • Saubererer Code durch strukturierte Komponenten

Für grosse und kleine Marketing-Websites gibt uns Framer Geschwindigkeit ohne Kompromisse und lässt uns bessere Websites in kürzerer Zeit bauen.

Wir hoffen, dir hat dieser Artikel gefallen. Wenn du eine Minute hast, schau dir bitte unsere miro.com Case Study an, die in Framer gebaut wurde. Wenn du eine Idee hast, würden wir gerne darüber sprechen. Melde dich hier.

Issue #001

Feb 2025

Navigating Remote Company Culture

A remote or hybrid working model can be challenging. Today: Our top 10 tips for maintaining a great remote company culture.

Cedric working on his macbook

01

Workspace

Creating an effective home office isn't just about having a desk and chair. It's about crafting an environment that promotes focus and productivity. Consider natural lighting, ergonomic furniture, and a dedicated workspace that allows you to mentally separate "work" from "home." Remember: your workspace is your foundation for professional success.

02

Communication

In remote settings, overcommunication becomes your ally. Be explicit in your messages, use asynchronous communication tools wisely, and don't shy away from video calls when complex discussions arise. Documentation becomes your best friend—what might have been a quick desk-side conversation now benefits from being recorded in your team's knowledge base.

Wir informieren regelmässig über neue Projekte, Verfügbarkeit und Updates in unserem Newsletter.

Issue #001

Feb 2025

Navigating Remote Company Culture

A remote or hybrid working model can be challenging. Today: Our top 10 tips for maintaining a great remote company culture.

Cedric working on his macbook

01

Workspace

Creating an effective home office isn't just about having a desk and chair. It's about crafting an environment that promotes focus and productivity. Consider natural lighting, ergonomic furniture, and a dedicated workspace that allows you to mentally separate "work" from "home." Remember: your workspace is your foundation for professional success.

02

Communication

In remote settings, overcommunication becomes your ally. Be explicit in your messages, use asynchronous communication tools wisely, and don't shy away from video calls when complex discussions arise. Documentation becomes your best friend—what might have been a quick desk-side conversation now benefits from being recorded in your team's knowledge base.

Wir informieren regelmässig über neue Projekte, Verfügbarkeit und Updates in unserem Newsletter.

Issue #001

Feb 2025

Navigating Remote Company Culture

A remote or hybrid working model can be challenging. Today: Our top 10 tips for maintaining a great remote company culture.

Cedric working on his macbook

01

Workspace

Creating an effective home office isn't just about having a desk and chair. It's about crafting an environment that promotes focus and productivity. Consider natural lighting, ergonomic furniture, and a dedicated workspace that allows you to mentally separate "work" from "home." Remember: your workspace is your foundation for professional success.

02

Communication

In remote settings, overcommunication becomes your ally. Be explicit in your messages, use asynchronous communication tools wisely, and don't shy away from video calls when complex discussions arise. Documentation becomes your best friend—what might have been a quick desk-side conversation now benefits from being recorded in your team's knowledge base.

Wir informieren regelmässig über neue Projekte, Verfügbarkeit und Updates in unserem Newsletter.