DESIGN UI/UX
SITE WEB

Site web transactionnel

Janvier à décembre 2019

Refonte complète du site web de Global Work & Travel, une entreprise spécialisée dans le domaine du voyage. L'objectif principal de cette refonte était d'aligner le site sur le nouveau modèle d'affaires de l'entreprise, passant de la génération de leads au commerce électronique.

Visiter le site

Tâches

  • Planifier et effectuer la recherche utilisateur et l’analyse de la concurrence
  • Définir l’architecture de l’information, créer l’arborescence du site et optimiser la navigation
  • Créer des maquettes filaires et des prototypes interactifs
  • Mener des tests utilisateur
  • Analyser le comportement et les commentaires des utilisateurs pour améliorer et optimiser l’expérience utilisateur
  • Assister à la création de contenu pour assurer l’harmonie à l’intérieur du design
  • Sélectionner et optimiser les images
  • Être responsable de l’assurance qualité avant et après le lancement

Objectifs et stratégies

L’objectif de la refonte en 2019 était de passer du modèle d’affaires génération de leads à un modèle d'affaires axé sur le commerce électronique. Avec cette transition, notre objectif était d'augmenter le taux de conversion et le retour sur investissement. Nous avions également pour objectif de créer un site web contribuant à renforcer la crédibilité de la marque.

Pour y arriver, nous avons :

  • Augmenté la quantité et la qualité du contenu sur le site, l'organisant de manière plus efficace. Notre objectif était que les visiteurs trouvent rapidement ce qu’ils recherchent et disposent de toute les informations nécessaires pour choisir et réserver leur voyage en toute confiance.
  • Intégré la preuve sociale, incluant du contenu généré par les utilisateurs (UGC), des témoignages clients et des bulles de notification affichant comment les visiteurs interagissent avec le site (ex : “Lisa from Canada just booked a Working Holiday trip in Australia.”).
  • Utilisé le ciblage géographique et la personnalisation du contenu pour afficher un contenu pertinent aux visiteurs en fonction de leur emplacement et de la manière dont ils interagissent avec le site.
  • Mis en place un module de clavardage en ligne pour que les utilisateurs puissent poser facilement et rapidement des questions à un membre de l’équipe.

En 2021, après avoir analysé les résultats des tests utilisateur, les commentaires des utilisateurs ainsi que leur activité sur le site web, j’ai retravaillé le design de la page d’accueil, des pages produits et des pages catégories. L'entreprise lançait également trois nouvelles divisions (Study, Tour, Fly) que je devais intégré à la page d’accueil de manière claire et efficace.

Website desktop mockup.

Processus

L'ensemble du processus de conception du site transactionnel a pris environ un an. Plusieurs mois ont été consacrés à la recherche, comprenant l’analyse de la concurrence, la recherche des meilleures pratiques et la collaboration avec une spécialiste en marketing de croissance. Elle nous a beaucoup appris sur les stratégies et les meilleures pratiques de commerce électronique visant à optimiser le taux de conversion, le retour sur investissement, le référencement et l’expérience utilisateur.

Ensuite, pendant que la rédactrice créait le contenu, je concevais les maquettes et prototypes. J’ai ensuite effectué des tests utilisateur avec les prototypes interactifs finaux. Après avoir analysé les résultats et discuté des problèmes et des solutions potentielles avec les membres de l’équipe, j’ai apporté quelques modifications aux prototypes.

Une fois les prototypes terminés, je les ai partagés avec le développeur web qui a commencé à programmer le site. Au fur et à mesure que la programmation avançait, j’étais responsable de l’assurance qualité, m'assurant que tout fonctionnait correctement et suivait parfaitement le design. Si des changements étaient nécessaires, je devais en informer le développeur web. J’étais également responsable de trouver des photos et de gérer le designer externe chargé de créer des icônes et des illustrations.

Après le lancement du site web, j’ai effectué des tests utilisateur (sondage, tests A/B, cartes thermiques) et j’étais responsable de visionner régulièrement les enregistrements de session pour identifier les problèmes et les blocages rencontrés par les visiteurs. Je devais ensuite trouver des solutions et informer le développeur web des changements nécessaires.

Website mockup inside mobile phones.

Conclusion

L’entreprise performait déjà très bien sous le modèle de génération de leads depuis 2008, et la transition vers le site axé sur le commerce électronique s'est déroulée de manière progressive. Initialement, nous avons opté pour une approche hybride en utilisant simultanément les deux modèles d'affaires afin de minimiser tout impact négatif sur les revenus. Nous redirigions seulement une partie du trafic provenant des publicités vers le nouveau site, laissant le reste du trafic être dirigé vers les pages de génération de leads. Nous avons augmenté progressivement le trafic vers le nouveau site jusqu'à ce que nous ayons acquis une confiance suffisante pour effectuer la transition définitive vers le modèle d'affaires du commerce électronique. Cette approche nous a permis d'analyser le comportement des utilisateurs, d'identifier les problèmes, d'évaluer la performance, et d'apporter les corrections nécessaires.

Au bout de 21 mois, la moitié de l'activité de l'entreprise avait migré vers le commerce électronique. À la suite de la refonte des pages principales en 2021, nous avons observé une augmentation du trafic à l'étape de paiement, s'élevant à près de 40%.

Visiter le site

Autres réalisations

A mockup of an online booking platform inside a laptop and a mobile phone.

Plateforme de réservation en ligne

Refonte d’une plateforme de réservation en ligne pour la simplifier et l’adapter au nouveau modèle d’affaires de l’entreprise.
Voir le projet
A mockup of a customer portal inside a laptop and a mobile phone.

Portail client

Conception d'un portail client pour une entreprise dans l'industrie du voyage, avec plusieurs améliorations et fonctionnalités ajoutées au fil des années.
Voir le projet