Visa Travel International

Contexte

Durant mon alternance, j’ai pu participer à la refonte du site web d’une agence de visas, Visa Travel International. Le principal enjeu était la réorganisation de toute la structure du site.

J’ai occupé le rôle d’UX et UI designer ainsi que développeur front tout au long du projet.

Recherches

Après définition de la nouvelle charte graphique par Isabelle, nous avons réfléchi comment restructurer la plateforme pour faciliter la recherche et l’achat d’un visa.

Le benchmark des concurrents de Visa Travel International nous a permis d’avoir une vision plus claire du secteur : comment se déroule le processus d’achat, où se trouvent les différentes informations et comment les présenter aux utilisateurs.

Arborescence

Avec toutes ces informations en main, j’ai pu passer à la préparation de l’arborescence du nouveau site avec l’aide de Louis pour répartir les informations de façon égales et efficaces. Nous avons aussi établi les différents types de produits et d’options.

Cela n’a pas été une tâche facile, car il faut pouvoir saisir le rôle de chaque option et ce que ça change au produit, alors que c’est un secteur que je ne connaissais pas du tout.

Wireframes

Finalement, l’arborescence prête, j’ai abordé l’étape des wireframes des funnels d’achat. J’ai souhaité une expérience la plus simple et la plus efficace. En moins de 5 étapes, le client devait avoir le produit dans son panier. Ainsi, grâce à la gamification du processus d’achat, le client passait rapidement d’étape en étape, sans se perdre ou être débordé d’informations.

Maquette

Les wireframes terminés, j’ai rejoint Isabelle sur la maquette Figma. C’était la première fois que j’utilisais réellement Figma, ça a été très enrichissant d’apprendre toute la puissance du logiciel à travers ce projet.

J’ai alors pu mettre en couleur mes wireframes en respectant la charte graphique. En réutilisant les fonctionnalités de composants et d’auto-layout, j’ai rapidement su m’adapter à ce nouvel outil.

Développement

Enfin, nous sommes passés à l’étape du développement du nouveau site de Visa Travel International sur WordPress. Avec le theme builder Divi, nous avons pu développer rapidement les pages statiques. Mais c’est avec le plugin de Woocommerce et PHP que j'ai intégré les funnels d'achat pour les visas, les légalisations et les courses.