Pilates.me: Framer-Website und mein Wechsel zur Entwicklung mit AI

Die Website Pilates.me in Dubai habe ich vollständig in Framer gestaltet und umgesetzt. Mir war wichtig, Komposition, Typografie, responsives Layout und Animation selbst zu steuern und auf der veröffentlichten Seite das zu sehen, was ich im Editor geplant hatte.

Framer passte gut zu dieser Aufgabe: visuelle Websites bauen, einen kleinen Inhaltskatalog im CMS pflegen und schnell Änderungen veröffentlichen. Zwischen Entwurf und funktionierender Seite entfällt fast die separate Designübergabe an einen Entwickler.

Wo es mir zu eng wurde

Mit wachsenden Projekten stieß ich häufiger an Abokosten und Plattformgrenzen. Zusätzliche Redakteure, Sprachen und Hosting-Anforderungen steigerten die Ausgaben. Für jedes neue Projekt musste ich erneut prüfen, wie gut dieses Modell passte.

Am wichtigsten war mir aber die Kontrolle über Code und Infrastruktur. Bei Framer sind Hosting, Rendering, Bildverarbeitung, Schriften und Veröffentlichung eng an die Plattform gebunden. Auch Datenexporte oder externe Exportdienste bieten nicht denselben Ablauf wie ein eigenes Repository.

Ich brauchte Quellcode, dessen Struktur ich verstehe: prüfbar, änderbar, um Integrationen erweiterbar und dort hostbar, wo es zum Projekt passt. Nach und nach baute ich die meisten neuen Websites so.

Was sich bei der Arbeit änderte

Framer kann weiterhin das erste Werkzeug für Komposition, Bewegung und visuelle Richtung sein. Steht die Designsprache, übertrage ich sie mit AI-Agenten in eigenen Code. Für inhaltsorientierte Websites wähle ich oft Astro und TypeScript und hoste den statischen Build bei Cloudflare.

Unten ist eine lokale Kopie der veröffentlichten Pilates.me-Website. Originaldesign, Schriften und Bilder aus Framer sind erhalten; man kann die Seite wie eine echte Website durchscrollen. Externe Anfragen sind deaktiviert.

Website Pilates.me

Archivierte Oberfläche · Demodaten

So gewann ich mehr Kontrolle über Routen, SEO, Geschwindigkeit, Inhaltsstruktur und künftige Integrationen. Für mehrere Projekte entfiel ein eigenes Baukastenabo pro Website. Hosting-Kosten hängen weiterhin von Last und genutzten Diensten ab.

Nach mehr als fünfzehn Jahren im Produktdesign ist das eine deutliche Veränderung: Ich kann nach den Entwürfen weitermachen, die Oberfläche bauen und veröffentlichen. AI hilft dabei, aber visuelle und Produktentscheidungen bleiben meine Arbeit.

Pilates.me bleibt ein Beispiel für ein Projekt, bei dem ich Framer gewählt habe. Das Werkzeug ist für mich nicht abgeschrieben: Für schnell startende, leicht pflegbare visuelle Marketingseiten kann es weiterhin passen. Heute wähle ich die endgültige Plattform je Projekt.

Pilates.me bleibt ein Framer-Projekt: Komposition, Responsivität und Animation entstanden dort. Mein Wechsel zu eigenem Code betrifft spätere Arbeiten. Hier zählt die Qualität der Website, nicht die rückwirkende Umbenennung zur AI-Anwendung.

Pilates.me ansehen. Mein Portfolio und Framer-Version.

Projektansichten und Aufzeichnungen

Verwandte Geschichten: Portfolio von Framer zu Astro · Die Etappen von PAC Journeys.