REFONTE DE SITE WEB POUR AGMQ

AGMQ est une association spécialisée dans la promotion des savoir-faire, des technologies, et les applications de la géomatique dans les milieux municipaux du Québec.

Avant de tomber sur DMS, la compagnie rencontrait de grands problèmes avec leur site web et leur activités en ligne :

• Elle avait un site web très désuet, pas très facile à utiliser ;
• La compagnie n’avait pas un contrôle sur les accès à son site web ;
• Elle ne pouvait pas faire des changements facilement, ni ajouter leurs évènements ou membres ;
• Leur site web n’avait pas de système d’infolettre;
• L’ancien fournisseur n’était plus disponible
• La section membre ne fonctionnait plus ;
• Ils étaient donc assez frustrés.

Après la prise de contact avec DMS, ils ont manifesté le besoin de refaire leur site web et nous avons accepté de les accompagner.

1. L’association n’avait pas de charte graphique ;
2. Elle avait besoin d’un géorépertoire ;
3. Il leur fallait une fonctionnalité pour publier leurs évènements ;
4. Ils avaient besoin d’un espace d’inscription aux événements ;
5. Ils avaient besoin d’un visuel moderne et intuitif ;
6. Ils voulaient la conception d’un site web responsive design (adapté au mobile) ;
7. Ils voulaient pouvoir modifier le contenu sans connaissance technique ;
8. Un espace privé pour les membres et différents niveaux d’abonnements…

Quand l’AGMQ nous a rencontré, il ne nous a pas fait confiance au premier coup parce que nous n’avions pas l’habitude de créer de système de géorépertoire avant. Mais, après que nous ayons posé pleins de questions pour bien comprendre les besoins et proposer des solutions adaptées, ils ont compris que nous sommes l’agence de conception de site web qu’il leur fallait et nous ont confié le mandat.

Après les modalités d’attribution du mandat, l’association nous a affecté Mr Hans Asnong, l’un de leur membre pour le suivi du projet. 

Nous avons organisé le projet de conception de site web en plusieurs étapes et avons commencé par une réunion de découverte. 

1- La réunion de préparation

La réunion était organisée avec Mr Hans qui devait nous fournir toutes les informations dont nous avions besoin. 

Nous lui avons donc posé notre série de questions top secret pour comprendre l’association et ses services. 

Cette réunion nous a permis de recueillir des informations précieuses qui ont été déterminantes pour la suite. 

Elle avait pour but de : 

• Réviser les différents livrables ;
• Expliquer comment le projet allait se dérouler et ce à quoi Mr Hans devait s’attendre ;
• Créer un plan du site web ;
•  Brainstormer sur la direction graphique à adopter pour les visuels ; 
• Questionner le partenaire afin de comprendre l’association et ses besoins ;
• Fixer les échéances.

2- Prototypage 

La réunion achevée, nous avons rapidement conçu un prototype navigable pour proposer une organisation aux différentes pages du futur site web. 

Nous avons ensuite fait approuver ledit prototype auprès de Mr Hans. 

Voici un aperçu du prototype approuvé : Prototype (AGMQ)  

3- Rédaction du contenu 

Après le prototypage, Emmanuel notre rédacteur nous a produit du contenu optimisé pour les moteurs de recherches. 

Pour y arriver, il s’est inspiré des notes de la réunion de préparation. Ceci lui a permis de bien comprendre la marque et de rédiger pour son client idéal. 

Le texte a ensuite été soumis à Mr Hans qui a sollicité quelques changements avant d’approuver la version finale. 

4- Conception de la maquette graphique  

Anael notre designer a enchaîné avec la création de la maquette graphique. Elle s’est inspirée du contenu rédigé et de la direction graphique définie dans le cahier des charges. 

Après un travail acharné, Anael nous a fourni 2 versions de maquette que nous avons soumises au choix du partenaire. 

Voici les maquettes conçues : 

Maquette 1 , Maquette 2

5- Intégration du site web 

Lorsque Mr Hans a fait son choix, il fallait passer à la phase d’intégration. 

Isdine notre intégrateur a déployé sa longue expérience pour la conception du site web en utilisant un CMS. 

Pour y arriver, Isdine a utilisé la maquette choisie par le partenaire et le prototype. 

Après un travail minutieux sous le contrôle du coordonnateur Junior, il a livré un site web conforme aux attentes. 

Mais tout n’était pas fini ! Il fallait s’assurer que tout marche. 

6- Assurance qualité 

Cette étape nous a permis de vérifier en interne que tout allait bien avec le produit final. Ainsi, elle nous a permis de nous assurer que : 

• Le site web était conforme visuellement ; 
• Les boutons rédirigeaient au bon endroit ; 
• Les formulaires fonctionnaient ; 

Après cette vérification en interne, nous avons soumis le site web à Mr Hans pour approbation. 

Voici le commentaire qu’il a fait : 

7- La mise en production 

Lorsqu’il a reçu le site web, Mr Hans a demandé quelques changements qui ont été rapidement faits. Ensuite, nous avons mis la version finale en ligne.