Website-Launch für eine Privatflugmarke

SK Digital Solution entwickelte eine zweisprachige Webflow-Website für eine Privatflugmarke aus Dubai: von der noch nicht registrierten Domain bis zur fertigen Website in zwei Monaten. Die Website ging im Dezember live. Zum Leistungsumfang gehörten die Infrastruktur, die Anpassung eines Webflow-Templates an die Marke, die englische und deutsche Fassung, geräteabhängige Weiterleitungen zu einer externen Buchungs-App und die vollständigen technischen SEO-Grundlagen.

Der Kunde verbindet Privatflüge, Chauffeurtransfers, exklusive Unterkünfte und Concierge-Leistungen zu einem abgestimmten Reiseerlebnis. Buchung und Zahlung erfolgen in einer externen App.

Die Website präsentiert die Marke und führt Besucher zu dieser externen Buchungsmöglichkeit. Sie bildet den Buchungs- und Zahlungsprozess nicht zusätzlich im Web ab. Gegenstand dieses Projekts war die Website einschließlich ihrer Verlinkungen und Integrationen.

Die Umsetzung dauerte zwei Monate und erfolgte in zwei Phasen: zunächst Einrichtung und Struktur, anschließend Inhalte, individuelle Anpassungen, SEO und Übergabe. Ziel war eine schlanke Website auf Englisch und Deutsch, die zur Marke passt, auf allen Geräten funktioniert und zum Website-Launch im Dezember über die technischen Grundlagen für Suchmaschinen verfügt.

Innerhalb der zweimonatigen Projektlaufzeit mussten vier Herausforderungen der Website parallel gelöst werden.

Besucher zum passenden Ziel führen

Die Buchungsbuttons benötigten eine Geräteerkennung, getrennte Weiterleitungen für iOS und Android, eine Alternative für Desktop-Besucher sowie eine Fehlerbehandlung. Diese Funktionen der Website mussten zuverlässig umgesetzt und getestet werden.

Das Template an die Marke anpassen

Webflow-Templates steuern Farben über globale Stilvariablen. Wird ein Farbwert geändert, betrifft dies sämtliche Elemente, die ihn verwenden. Die Markenfarben mussten deshalb in einer kontrollierten Reihenfolge eingeführt werden, um unbeabsichtigte Änderungen auf anderen Seiten zu vermeiden.

Zwei Sprachfassungen synchron halten

Jede Seite benötigte eine englische und eine deutsche Fassung mit identischer Abschnittsstruktur. Korrekturen aus den Abstimmungen mussten über mehrere Seitentypen und zwei Review-Phasen hinweg in beiden Sprachen übernommen werden.

Feedback eindeutig zuordnen

Bei bis zu zwölf Abschnitten pro Seite und zwei Sprachfassungen konnte ein Kommentar wie „den Abschnitt unter dem Hero korrigieren“ mehrdeutig sein. Jeder Abschnitt musste daher sofort eindeutig identifizierbar sein.

Zu Projektbeginn gab es noch keine aktive Website-Infrastruktur. Die Domain war nicht registriert; DNS-Einträge, SSL-Zertifikat und eine Google-Search-Console-Property waren noch nicht vorhanden.

Als gestalterische Grundlage diente ein gekauftes Webflow-Template mit generischen Farben, Platzhalterinhalten und Standardstruktur. Seitenaufbau und Texte waren auf einem Miro-Board geplant. Jeder Abschnitt der Seiten Home, About, Service und Career hatte eine eindeutige ID.

Das Projekt umfasste damit die vollständige Einrichtung und Umsetzung der Website. Nach zwei Monaten ging sie im Dezember live.

Das Team setzte die technischen und redaktionellen Anforderungen der Website in einer abgestimmten Reihenfolge über beide Projektphasen hinweg um.

Zweisprachige Website mit klarem Weg zur Buchung

Die Website wurde in Webflow auf Englisch und Deutsch aufgebaut. Buchungsbuttons führen zur externen Buchungs-App statt zu einem Buchungsformular auf der Website. Buchung und Zahlung bleiben dadurch an einem Ort.

Zuerst die Infrastruktur

Die Domain wurde registriert, DNS für das Webflow-Hosting konfiguriert, SSL aktiviert und die automatische Sicherung von Webflow überprüft. Parallel wurde Google Search Console eingerichtet, damit die Website ab dem Launch überwacht werden konnte.

Kontrollierte Anpassung an die Marke

Vor den Änderungen wurden die globalen Stilvariablen des Templates den jeweiligen Elementen zugeordnet. Die Navigation wurde in der schwarzen Farbwelt der Marke neu aufgebaut und erhielt auf allen Seiten einen automatischen Farbwechsel des Headers. Der Footer wurde in Silber gestaltet; der Newsletter-Bereich und ungenutzte Links wurden entfernt.

Übereinstimmende Abschnitts-IDs in Miro und Webflow

Jeder Abschnitt des Miro-Boards erhielt in beiden Sprachfassungen eine entsprechende ID in Webflow. Feedback mit einer Abschnitts-ID ließ sich dadurch direkt dem richtigen Element und der jeweiligen Sprache zuordnen.

Geräteabhängige Weiterleitung

Individuelles JavaScript erkennt beim Klick auf einen Buchungslink das Betriebssystem des Besuchers. iOS-Geräte werden zum App Store und Android-Geräte zum Play Store geleitet; für Desktop-Besucher gibt es ein alternatives Ziel. Bei einem fehlerhaften Link führt die Fehlerbehandlung zur Startseite zurück. Die Weiterleitung wurde mit einem Platzhalter-Deep-Link getestet.

Inhalte, CMS und Lead-Erfassung

News & Blog wurde mit Webflow CMS umgesetzt und auf drei News-Beiträge sowie drei Blogartikel ausgerichtet. Die Seiten About und Career erhielten jeweils eigene FAQs. Deren Antworten verweisen, wo passend, auf die Service-Seite, die Datenschutzerklärung und die externe Buchungs-App.

Technisches SEO und wiederverwendbare Dokumentation

Zum Website-Launch im Dezember waren eine XML-Sitemap, eine bestätigte Search-Console-Property, eine geprüfte robots.txt, Canonical-Tags auf allen Seiten und eine neu gestaltete 404-Seite vorhanden. Zusätzlich entstanden eine Webflow-Setup-Checkliste und ein Leitfaden für Bildspezifikationen für künftige Arbeiten.