Ich gestaltete und baute PacJourneys auf Framer: eine moderne, leichte Präsentation hochwertiger Reisen mit klaren Rastern, ruhigen Übergängen und verständlichen Reiserouten.

Später: der Wechsel zum eigenen Code

Danach baute ich PAC Journeys als eigenständige React- und Vite-Anwendung neu. Das Unternehmen aus Dubai bietet Premiumreisen: Kreuzfahrten, Touren, Hotels und individuelle Reisen. Der ursprüngliche Charakter sollte bleiben, die Weiterentwicklung leichter werden.

Ich rekonstruierte die Oberfläche im Code, übernahm Bildmaterial ins Projekt und teilte Seiten in wiederverwendbare Komponenten. Inhalte bekamen eine eigene Struktur, die Website wurde unabhängig von Framer.

Dazu gehören Firmengeschichte, Kreuzfahrtflotte, einzelne Schiffe, Touren, Hotels, Restaurants und Kundenanfragen. Inhalte sind auf Englisch und Russisch vorgesehen.

Ich nutzte React, Vite, React Router, Tailwind CSS und Framer Motion; Prüfungen mit Vitest, Hosting auf Cloudflare Pages. React Router ordnet den wachsenden Seitenkatalog, Framer Motion bewahrt passende fließende Übergänge.

So sieht die gespeicherte PAC-Journeys-Version aus: die ursprüngliche öffentliche Oberfläche mit echter Gestaltung und echten Materialien. Die Demo zeigt Seiten, versendet keine echten Anfragen.

PAC-Journeys-Website

Archivierte Oberfläche · Demodaten

PAC-Journeys-Website
Gespeicherte Projektansicht · ohne interaktive Bedienung

Code lädt nach Routen. Bilder sind für verschiedene Größen vorbereitet, Ressourcen liegen im Projekt, Seiten haben SEO-Metadaten. Auch Barrierefreiheit, Zweisprachigkeit, Sitemap und strukturierte Daten habe ich bearbeitet.

Für mich setzt das die erste Designarbeit fort. Die Website erhielt eine Grundlage, die sich unabhängig vom ursprünglichen Werkzeug entwickeln und veröffentlichen lässt.

Zwei Phasen: die gestaltete Framer-Version und die spätere React-Anwendung. Das Beitragsdatum gehört zur frühen Geschichte; die Codeoberfläche entstand später. Das genaue Übergabedatum dieser Phase braucht eine eigene Bestätigung.

PAC Journeys ansehen.

Projektansichten und Aufzeichnungen

Verwandte Beiträge: Pilates.me auf Framer · Portfolio von Framer zu Astro.