Airy Landing Page für Flugbuchungenv1.0.2
Nutze diesen Skill für: Landing Page erstellen.
Im Kommen
5.033 Downloads2 Likes1-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Komplette Buchungsseite für Flüge und Hotels: hellblauer Grund, weiße runde Hülle, silbernes Flugzeug unter zweizeiliger Headline in Versalien, Suchkarte mit Reiseart-Tabs. Suche, Ergebnisse, Sitzpläne, Hotels und 3-Schritt-Buchung reagieren – als eine Datei, offline in jedem Browser.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine eigenständige Website-Datei für deine Marke, die in jedem Browser öffnet und offline funktioniert, mit eingebetteten Schriften und Bildern; eine Portierung in dein eigenes Framework-Projekt, wenn du eines hast.
- Funktionierende Buchungsabläufe: Flughafen-Autovervollständigung, ein zweimonatiger Zeitraumkalender, Auswahl für Reisende und Kabine, gefilterte Ergebnisse, ein Sitzplan und eine dreistufige Buchung mit Übersicht.
- Der typische Look: hellblauer Grund, weiße Hülle, Hero mit silbernem Flugzeug, Tabs für die Reiseart, Tarifabschnitte im Bordkarten-Stil und luftige Hotelkarten, gezeigt in einem 20-seitigen Beispiel mit 15 eigens erstellten Bildern.
Passt gut für
- Reisebüros, Airlines und Hotelgruppen, die ein ruhiges, hochwertiges Buchungs-Frontend wollen.
- Reiseveranstalter und Villenvermittler, die ihre Pakete oder Unterkünfte auf die Flug- und Hotelbereiche übertragen können.
- Teams, die einen klickbaren Buchungsprototyp mit Kund:innen testen wollen, bevor echtes Inventar angebunden wird.
Nicht geeignet für
- Live-Fluginventar, Zahlungen oder echte Reservierungen; die Formulare zeigen nur ehrliche Demo-Bestätigungen.
- Marken, die einen dunklen, dichten oder stark illustrierten Look statt der luftigen weißen Hülle wollen.
- Die Veröffentlichung der fiktiven Marke Aero & Away, ihrer Hotels oder Berater:innen als echtes Unternehmen.
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseLanding Page erstellenStil fixiertBearbeitbares ErgebnisDaten-TabsFlugHeroHotel
Über diesen Skill
Airy Flight Booking Landing baut eine komplette Buchungswebsite für Flüge und Hotels in einem ruhigen, hochwertigen Reise-Look: hellblauer Grund, weiße abgerundete Hülle, ein silbernes Flugzeug unter einer zweizeiligen Headline in Großbuchstaben und eine Suchkarte mit Tabs für die Reiseart. Das Beispiel ist das fiktive Reisebüro Aero & Away mit 20 verknüpften Seiten, auf denen Suche, Ergebnisse, Sitzplatzwahl und Buchung reagieren.
Das bekommst du
- Eine eigenständige Website-Datei, die in jedem Browser öffnet und offline funktioniert, mit eingebauten Schriften und Bildern. Hast du bereits ein Framework-Projekt, wird das Design stattdessen dorthin übertragen.
- Eine vollständige Seitenfamilie: Flugsuche und Ergebnisse, ausgewählte Abflüge mit Sitzplänen, Hotels mit Detailseiten, Angebote, Airlines, Support, eine dreistufige Buchung, Kontakt, Login und eine hilfreiche Not-found-Seite.
- Funktionierende Bedienelemente mit sichtbarem Feedback: Flughafen-Autovervollständigung, ein zweimonatiger Zeitraumkalender, Limits für Reisende und Kabine, Filter, Sortierung, Leerzustände und eine Buchungsübersicht.
- Eine Art Direction für jedes Bild: weiches Tageslicht in hellem Himmelblau, Kreideweiß und Sand, wobei jedes Hotel vollständig in einer Hochformatkarte gezeigt wird.
- Ruhige Einblendungen und Seitenübergänge, die nie Inhalte verdecken und Einstellungen für reduzierte Bewegung respektieren.
So nutzt du es
- Teile Markenname, Zielgruppe, Strecken oder Reiseziele, Hotels, Preise und Support-Details mit. Alles, was fehlt, wird als plausibler Platzhalter entworfen und zur Bestätigung aufgelistet.
- Schick deine eigenen Fotos oder lass den Agenten neue Hotel-, Reiseziel- und Teambilder im selben weichen Tageslicht-Stil generieren. Flugzeug, Kabine und die zwei Flugbilder sind neutral und können bleiben.
- Öffne jede Seite auf Desktop und Smartphone, teste Suche, Filter und Buchungsschritte und bitte um Änderungen.
Die Typografie ist in Instrument Sans und Geist Mono gesetzt, eingebettet in die Datei. Neue Bilder kommen aus dem Bildtool deines Agenten und können dessen Nutzungskosten verursachen; das Beispiel bucht oder berechnet nie etwas.
Was du vorab brauchst
- Du bringst mit
- Markenname, Zielgruppe und die Strecken oder Reiseziele, die du verkaufst · Hotels, Preise und Support-Details oder die Erlaubnis, Platzhalter zur Bestätigung zu entwerfen · Deine eigenen Fotos oder die Freigabe, neue Hotel-, Reiseziel- und Teambilder zu generieren
- Abhängigkeiten
- Node.js 18 oder neuer auf dem Rechner deines Agenten, um das mitgelieferte Skript auszuführen, das die einzelne Offline-Datei baut · Internetzugang während des Builds, damit die Schriften einmal heruntergeladen und eingebettet werden können · Ein Bildtool in deinem Agenten oder eigene Fotos für markenspezifische Hotel-, Reiseziel- und Teambilder · Ein moderner Browser zur Vorschau und Prüfung aller Seiten
- Externe Kosten
- Neue Hotel-, Reiseziel- und Teambilder werden mit dem eigenen Bildtool deines Agenten generiert, was Nutzungskosten verursachen kann. Ohne ein solches Tool lieferst du eigene Fotos; die neutralen Flugzeug-, Kabinen- und Flugbilder können als Platzhalter bleiben. Das Ansehen des Beispiels kostet nichts.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …