J’ai conçu et construit PacJourneys sur Framer : vitrine moderne et légère du voyage haut de gamme, grilles nettes, transitions calmes et itinéraires clairs.

Plus tard : le passage au code indépendant

J’ai ensuite reconstruit PAC Journeys en application React et Vite autonome. L’entreprise de Dubaï propose croisières, circuits, hôtels et voyages personnalisés haut de gamme. Il fallait préserver le caractère initial et faciliter le développement futur.

J’ai recréé l’interface en code, intégré les ressources visuelles et séparé les pages en composants réutilisables. Le contenu a reçu sa propre structure et le site ne dépendait plus de Framer.

Le projet comprend histoire de l’entreprise, flotte de croisière, pages de navires, circuits, hôtels, restaurants et demandes clients. Le contenu est prévu en anglais et russe.

Pour cette étape : React, Vite, React Router, Tailwind CSS et Framer Motion, avec vérifications Vitest et hébergement Cloudflare Pages. React Router organise les pages croissantes ; Framer Motion garde les transitions adaptées au langage visuel.

Voici la version conservée de PAC Journeys : l’interface publique originale, sa composition et ses ressources réelles. La démonstration permet d’examiner la page sans envoyer de demandes réelles.

Site PAC Journeys

Interface archivée · données de démonstration

Site PAC Journeys
Écran du projet conservé · sans commandes interactives

Le code se charge par route. Les images sont préparées pour plusieurs tailles, les ressources résident dans le projet et les pages ont leurs métadonnées SEO. J’ai également traité accessibilité, structure bilingue, sitemap et données structurées.

C’est la suite de mon travail de design initial. Le site dispose d’une base développable et publiable indépendamment de l’outil de sa première version.

Deux étapes : la version design Framer, puis l’application React autonome. La date de l’article appartient au début de l’histoire ; l’interface codée est postérieure. La date exacte de livraison de cette étape reste à confirmer séparément.

Voir PAC Journeys.

Écrans et traces du projet

Articles liés : Pilates.me sur Framer · Portfolio de Framer vers Astro.