Summertime Tour : refonte d'un site d'agence de voyages

Le client est venu à nous car il était mécontent de son site Internet, qui ne lui apportait aucun contact. Voici comment nous avons envisagé la refonte complète du site avec notre méthodologie, nos outils et notre approche du design.

En partie réalisé en Flash, sa consultation était impossible depuis la plupart des appareils mobiles. Le contenu et les URLs n’étaient pas optimisées, la présence naturelle dans les moteurs de recherche était quasiment nulle.

De la charte antérieure, nous n’avons conservé que le logo.

Le client met à notre disposition une photothèque exceptionnelle, constituée de clichés prises par les membres de son réseau et autorisant leur utilisation à titre gracieux. Cette base photographique riche et exclusive a orienté notre approche artistique : elle permet de « taper dans l’oeil » du visiteur et l’amène à se projeter dans son futur voyage.

Nous commençons par des « wireframes » permettant de définir l’organisation des éléments dans les pages. Après validation par le client, nous déclinons ces maquettes en pages HTML lisibles dans un navigateur.

Une de nos priorités pour tous les nouveaux projets est d’adapter le site à toutes les tailles d’écran : smartphone, tablette, ordinateur portable, de bureau, TV HD, etc. Cela élargit considérablement l’audience d’un site, une partie de plus en plus importante des visites venant d’appareils mobiles. Microsoft prévoit que la moitié des visites proviennent de ces appareils en 2014.

Notre approche habituelle est le « mobile first » (commencer par présenter le contenu du site sur les smartphones, puis adapter l’affichage pour les tailles d’écran supérieures). Ici, exceptionnellement, pour des raisons de budget et de temps de développement, nous avons commencé par lancer la version ordinateur de bureau, puis nous avons décliné l’affichage pour les tailles inférieures.

Le référencement naturel est essentiel car il conditionne à la fois la manière dont les moteurs de recherche indexent les pages et la manière dont les visiteurs découvrent ces pages dans les résultats de recherche.

D’un point de vue rédactionnel, nous accordons le plus grand soin aux éléments suivants :

• Le titre (balise <title>) doit être unique à chaque page. Il doit à la fois accrocher le visiteur et intégrer des mots et expressions clefs pertinents pour les moteurs de recherche.
• La description n’est pas indexée par les moteurs ; elle est cependant très importante car elle confirme la première impression donnée à l’internaute par le titre et l’incite à visiter le lien.
• Les légendes des images doivent décrire correctement les images car elles sont lues par le visiteur. Elles permettent d’enrichir l’image en racontant son histoire. Pour améliorer l’intérêt que Google accorde au site, nous y incluons des mots et expressions clefs recherchés par les internautes.

Pour s’assurer de la pertinence des mots clés, nous utilisons le générateur de Google AdWords. Il permet de cibler les expressions saisies par les internautes dans une zone géographique précise ainsi que leurs volumes mensuels de recherche.

Le référencement naturel et le netlinking sont efficaces mais demandent du temps. Pour obtenir des contacts rapidement, nous avons proposé de réaliser des campagnes publicitaires ciblées, en utilisant Google AdWords.

Afin d’augmenter le taux de conversion, nous avons réalisé une « landing page » spécifique. Ses objectifs :

• résumer les atouts de l’Éthiopie ;
• rassembler les avantages de voyager avec l’agence Summer Time Tour and Travel ;
• amener le visiteur à prendre contact facilement.

Pour la réalisation technique, nous avons choisi les outils suivants :

• Ruby on Rails pour sa stabilité et les modules existants, notamment pour la gestion multilingue du contenu ;
• Rails Admin pour le panneau d’administration permettant au client de gérer le contenu en toute autonomie ;
• WordPress pour sa solide réputation parmi les moteurs de blog et sa facilité d’installation et d’utilisation au quotidien.