Travigo Travel Website

Contexte du projet

Le projet de site web Travigo Travel consiste à migrer le site existant de l'entreprise, qui est une page unique, vers un site multi-pages afin d'améliorer sa présence en ligne. Ce nouveau site web est conçu en mettant l'accent sur l'expérience utilisateur, le SEO, et l'adaptabilité mobile, garantissant une plateforme professionnelle et engageante pour les clients potentiels.

Fonctionnalités implémentées

1. Page Tours

   • Une page dédiée présentant les différentes destinations proposées par Travigo.
   • Chaque destination comprend des détails pertinents tels que la localisation, la description et les tarifs.
   • Une navigation fluide avec un design clair et facile à utiliser.

2. Page À Propos

   • Une page complète fournissant des informations essentielles sur Travigo, y compris l'histoire de l'entreprise et sa mission.
   • Un contenu professionnel aligné avec la charte graphique de Travigo.

3. Page Contactez-nous

   • Un formulaire de contact permettant aux visiteurs d'envoyer des messages ou des retours directement via le site web.
   • Validation du formulaire pour garantir la saisie correcte des données (champs obligatoires : nom, email, message).
   • La page inclut également les coordonnées de l'entreprise, comme l'adresse et le numéro de téléphone.

4. Intégration du menu

   • Un menu clair et intuitif permettant un accès facile à toutes les nouvelles pages, y compris Tours, À Propos, et Contactez-nous.
   • Transitions fluides et effets de survol pour une meilleure expérience utilisateur.

Améliorations SEO

• Mise en place des meilleures pratiques SEO, notamment :
  1. Optimisation des balises meta pour les titres et les descriptions de chaque page.
  2. Utilisation améliorée des balises de titre (H1, H2, etc.) pour structurer le contenu de manière logique.
  3. Ajout des attributs alt pour toutes les images, afin d'améliorer l'indexation par les moteurs de recherche et l'accessibilité.

Éléments de design

1. Conception du logo

   • Un logo visuellement attrayant créé en accord avec la charte graphique et les couleurs de Travigo.

2. Création de contenu

   • Contenu pertinent (texte et images de haute qualité) pour toutes les pages, garantissant la cohérence avec les valeurs et l'esthétique de Travigo.

3. Bonnes pratiques UX/UI

   • Le site est conçu avec un accent sur la simplicité et la facilité d'utilisation, garantissant une expérience utilisateur positive.
   • La mise en page est entièrement responsive et optimisée pour les appareils mobiles.

Fonctionnalités Bonus

1. Animations CSS

   • Animations subtiles appliquées aux états de survol du menu et des boutons pour améliorer l'interactivité.
   • Effets de transition pour améliorer la navigation et l'attrait visuel du site.

2. Fonctionnalités supplémentaires

   • Fonctionnalités extensibles, avec la possibilité d'ajouter d'autres pages ou du contenu dynamique à l'avenir.

Technologies utilisées

• HTML5
• CSS3

Installation & Utilisation

Téléchargez ou clonez simplement le dépôt et ouvrez le fichier index.html dans votre navigateur préféré. Assurez-vous que tous les fichiers CSS et médias liés sont dans le même répertoire pour profiter pleinement de toutes les fonctionnalités.