Génome Québec
Refonte du site sous WordPress
Rôle
Design, Design et UX, Développement, Hébergement, Intégration, Programmation
Mise en contexte
Nous sommes ravis et fiers de vous présenter le fruit de notre collaboration réussie avec Génome Québec, une collaboration qui a mené à un site web actuel et informatif sur la génomique.
Dans le cadre de ce projet, notre équipe a été mandatée pour améliorer l’expérience utilisateur du site, rafraîchir complètement son design graphique et optimiser son utilisation sur les appareils mobiles, les tablettes et les postes de travail. Notre mission était également d’éveiller l’intérêt du grand public sur la génomique et de promouvoir l’ensemble des services de Génome Québec.
Il était essentiel de créer un site web dynamique et innovant, un site qui mettrait en valeur l’importance de la génomique dans notre société. De plus, nous avons travaillé à faciliter l’accès à l’information pour les utilisateurs, faisant ainsi du site web un outil de communication efficace et accessible à tous.
Objectifs du mandat
Les objectifs de ce projet étaient multiples :
- Entreprendre une démarche proactive pour améliorer l’expérience utilisateur du site et promouvoir l’importance de la génomique, permettant aux utilisateurs de découvrir plus facilement tout ce qu’elle a à offrir.
- Offrir une expérience de navigation fluide et intuitive, que ce soit sur un appareil mobile, une tablette ou un poste de travail.
- Éveiller l’intérêt du grand public sur la génomique et mettre en valeur son importance dans notre société.
- Proposer une expérience de navigation agréable et intuitive aux utilisateurs et renforcer la visibilité de Génome Québec pour attirer de nouveaux partenaires.
- Optimiser le service aux utilisateurs en améliorant l’expérience utilisateur globale.
- Acquérir une plus grande autonomie et indépendance dans la gestion et l’enrichissement du contenu, ainsi que dans le développement potentiel de nouvelles fonctionnalités.
- Réévaluer l’ensemble des contenus pour offrir un service plus clair, pertinent et adapté aux besoins des utilisateurs.
- Se positionner en tant que référence en matière d’accessibilité web et d’accès à l’information pour tous.
Solution
Présentation de la stratégie que nous avons adoptée : Nous avons opté pour une approche basée sur la collaboration étroite avec Génome Québec, en mettant l’accent sur la création d’un design attrayant et fonctionnel, ainsi que sur l’utilisation de la plateforme WordPress pour assurer la facilité de gestion et de mise à jour.
Description des outils, technologies et méthodologies utilisés : L’utilisation de WordPress, des technologies web modernes, et une méthodologie bien rodée ont permis de développer un site web adapté aux besoins du client. Le site est bilingue (français, anglais) et utilise l’éditeur de contenu Gutenberg. Les formulaires web sont également intégrés au site. L’hébergement est assuré sur les serveurs de Vortex Solution et un certificat SSL est nécessaire.
Illustration de l’approche créative et technique : Nous avons mis en œuvre une conception centrée sur l’utilisateur, en intégrant des fonctionnalités innovantes pour mettre en valeur l’importance de la génomique et faciliter l’interaction avec les utilisateurs. Nous avons également pris en compte l’optimisation pour les moteurs de recherche (SEO) en rendant les champs SEO de base éditables pour toutes les pages de contenu du site. Des balises standards sont générées (titre, description, canonical url) et pour chaque page, il faut aussi inclure les metas open graph suivants: og, og, og:image, og:image, og, og. Le CMS doit permettre de saisir une seule image haute résolution qui sera affichée dans la résolution appropriée selon son utilisation. Les pages sans image de partage doivent remonter la structure pour trouver une image sur une page parent. Si aucune image n’est saisie sur un parent, l’image de partage globale du site est utilisée.
Dans le cadre du mandat, un plan de redirection des URLS a été élaboré pour sauvegarder le capital SEO existant. Les balises statistiques ont été implémentées et un plan de site html accessible par les visiteurs a été ajouté. Le site web a été revendiqué sur les plateformes Google Search Console et Bing Webmaster Tools pour le soumettre aux deux moteurs de recherche les plus populaires. Un sitemap html et un sitemap xml ont été utilisés pour envoyer aux moteurs de recherche une version structurée du site. Un fichier robots.txt a également été mis en place pour bloquer l’accès aux robots à certaines parties du site que l’on ne veut pas qu’elles soient indexées. La structure des pages et la structure d’URL ont été prises en compte pour que les moteurs de recherche comprennent l’architecture du site et arrivent plus facilement à voir les différents chemins qu’emprunteront l’utilisateur lors de sa visite. En ayant une bonne structure, ils arrivent à mieux classifier l’information et donc mieux interpréter la page. Enfin, les pixels des différents médias sociaux ont été mis en place.