Zurück zum Portfolio
Die Startseite von GreekSimmers: Logo, ein Menü mit Home, Experiences, Pricing, Features, About und Contact Us, ein Link Sign In/Up, ein blauer Button „Fly Now“ und ein Sprachmenü EN mit US-Flagge, darunter ein abgedunkeltes Foto eines Verkehrsflugzeug-Cockpits mit zwei sitzenden Gestalten von hinten und einer Startbahn hinter den Scheiben; darauf ein Label „For entertainment purposes only“, die Überschrift „Ready to Take the Controls?“ in Gelb und „Your Flight Starts Here.“ in Weiß, die Zeile „No experience needed. Guided by experts. Unforgettable from your first flight.“ und zwei Buttons, ein blauer „Book Your Flight“ und ein heller „Explore Experiences“.
greeksimmers.com in neuem Tab öffnen

greeksimmers.com — Full-Stack-Webanwendung

Überblick

Wir haben greeksimmers.com entworfen und entwickelt — eine Full-Stack-Webanwendung für ein Flugsimulator-Unternehmen in Griechenland. Die Plattform bietet ein robustes Buchungssystem mit Stripe-Zahlungen, ein stufenbasiertes Treueprogramm, ein Magazin-/Blog-System und ein umfassendes Admin-Panel. Zu den Hauptfunktionen gehören dynamische Öffnungszeiten und Schließungsperioden, E-Mail-Vorlagen für Buchungen und Umbuchungen, mehrsprachige Unterstützung (Griechisch/Englisch) sowie GSAP-Scroll-Animationen mit Glassmorphism-Effekten. Wir implementierten Sicherheits-Patches, Responsive Design auf allen Seiten und optimierten Bilder mit automatischer WebP-Konvertierung. Das Projekt umfasste umfangreiche Kundenkommunikation und iterative Entwicklung in 4 Phasen.

Herausforderungen

Aufbau eines komplexen Buchungssystems mit Schutz vor überlappenden Zeitfenstern, Treuestufen und sicherer Zahlungsabwicklung bei gleichzeitig erstklassiger Benutzererfahrung.

Lösungen

Implementierung robuster Kalendervalidierung, Stripe-Integration für Live-Zahlungen, dynamische Admin-Einstellungen mit seitenweiter Propagierung und WCAG AA-konformes Responsive Design.

Galerie

  • Die Startseite von GreekSimmers: Logo, ein Menü mit Home, Experiences, Pricing, Features, About und Contact Us, ein Link Sign In/Up, ein blauer Button „Fly Now“ und ein Sprachmenü EN mit US-Flagge, darunter ein abgedunkeltes Foto eines Verkehrsflugzeug-Cockpits mit zwei sitzenden Gestalten von hinten und einer Startbahn hinter den Scheiben; darauf ein Label „For entertainment purposes only“, die Überschrift „Ready to Take the Controls?“ in Gelb und „Your Flight Starts Here.“ in Weiß, die Zeile „No experience needed. Guided by experts. Unforgettable from your first flight.“ und zwei Buttons, ein blauer „Book Your Flight“ und ein heller „Explore Experiences“.

    Startseite — Ein Cockpit, ein Versprechen und der Buchungsbutton, alles auf dem ersten Bildschirm

  • Die Startseite auf einem Tablet: das Logo mit dem Sprachmenü mit US-Flagge daneben und rechts ein Konto-Symbol und ein Menü-Button, darunter das Cockpitbild mit dem Label „For entertainment purposes only“, die gelb-weiße Überschrift auf vier Zeilen, die Einleitung und die Buttons „Book Your Flight“ und „Explore Experiences“ nebeneinander.

    Header auf dem Tablet — Sprache und Konto bleiben sichtbar, der Rest wandert ins Menü

  • Die Startseite auf einem Smartphone: Logo, Sprachmenü, Konto-Symbol und Menü-Button im Header, dann das Cockpitbild mit dem Label, die gelb-weiße Überschrift, die Einleitung auf zwei Zeilen und die Buttons „Book Your Flight“ und „Explore Experiences“ untereinander.

    Hero auf dem Smartphone — Die Flugbuchung kommt zuerst, groß genug zum Tippen