Das Unangenehmste am Firmenwebsite-Update kann außerhalb des Browsers geschehen. Startseite läuft, Bilder erfreuen, das Team gratuliert — doch E-Mails kommen nicht mehr. Beide teilen oft einen Domainnamen und erwecken die falsche Vorstellung, gemeinsam umziehen zu müssen.

Bei A&F Advertising trennte ich diese Aufgaben. Die neue Website wird mit Astro gebaut und auf Cloudflare Pages bereitgestellt. Inhalte bearbeiten Pages CMS und Git. E-Mail und bestehende Tasjeel/cPanel-Domaininfrastruktur bleiben eigenständig.

Die Ansicht „A&F Advertising — erster Bildschirm“ bewahrt echte Materialien und Gestaltung.

A&F Advertising — erster Bildschirm

Archivierte Oberfläche · Demodaten

A&F Advertising — erster Bildschirm
Gespeicherte Projektansicht · ohne interaktive Bedienung

Eine Domain ist mehr als die Startseite

Webadressen haben Regeln: Hauptvariante, Ziel der anderen und erhaltene Verweise. E-Mail hat eigene Einträge und Zustelleinstellungen. Alles gemeinsam zu ändern, nur weil DNS offen ist, wäre teurer Enthusiasmus.

Die Ansicht „A&F Advertising — innerer Bereich“ bewahrt echte Materialien und Gestaltung.

A&F Advertising — innerer Bereich

Archivierte Oberfläche · Demodaten

A&F Advertising — innerer Bereich
Gespeicherte Projektansicht · ohne interaktive Bedienung

Hauptadresse ist www.af-ads.com. Für E-Mail galt: Ein Webseitenumzug allein ist kein Grund, MX, SPF oder DKIM anzufassen. Die Kürzel wirken langweilig bis zur ersten verlorenen Kundenanfrage.

A&F Advertising — Kontaktbereich

Archivierte Oberfläche · Demodaten

A&F Advertising — Kontaktbereich
Gespeicherte Projektansicht · ohne interaktive Bedienung

Redakteure brauchen Text, Besucher eine Seite

Astro liefert fertig gebaute statische Seiten. Pages CMS bearbeitet strukturierte Inhalte und speichert Änderungen im Repository. Eigentümer sollten Sätze nicht zwischen Klassen und Komponenten suchen müssen.

Für eine Werbeagentur zeigt die Website auch den eigenen Präsentationsanspruch. Echte Arbeiten, Leistungen und Kontakte müssen Hauptfiguren bleiben. Technik braucht keinen eigenen Bühnenauftritt.

Ich verbinde dabei Design und technische Umsetzung. AI beschleunigt Änderungen und Prüfungen, aber die Umzugsgrenzen werden vor dem Veröffentlichungsbefehl entschieden.

Die neue Website soll auffallen. Buchhaltung, Management und Kunden sollen ihre E-Mail ruhig weiterbenutzen, ohne vom kleinen technischen Abenteuer nebenan zu erfahren.

Was von Framer blieb

Zuvor lief A&F Advertising auf Framer. Ich bewahrte Charakter, Komposition und Bewegung. AI half beim Übertragen in eigenen Astro-, TypeScript- und Tailwind-Code; Pages CMS schreibt Inhaltsänderungen direkt nach GitHub.

Englisch, Russisch und Arabisch berücksichtigte ich in Routen, Inhalten, SEO-Metadaten und Laufrichtung. Arabisch braucht vollständige RTL-Unterstützung schon bei der Entwicklung.

Während des Übergangs blieb der Wechsel zwischen alter Framer-Seite und neuem Build möglich. So gab es bei Problemen einen klaren Rückweg. Postfächer sowie MX, SPF und DKIM blieben in Tasjeel.

Das Ergebnis ist eine neue Website mit Rückweg zur vorherigen Framer-Version während des Übergangs. Postfächer und E-Mail-Einträge blieben bei Tasjeel. Eine Website-Migration, keine E-Mail-Migration.

A&F Advertising ansehen.

Projektansichten und Aufzeichnungen

Neues Leben für die Website. Die E-Mail behält ihr altes
Neues Leben für die Website. Die E-Mail behält ihr altes

Verwandte Geschichten: Portfolio von Framer zu Astro · LiveDXB-Migration.