Notre Méthodologie

Experts en gestion et direction de projets web, nous sommes flexibles et à l'écoute de vos processus pour nous adapter aux besoins et contraintes de votre organisation.

Méthodologie 8P Design

Nous travaillons ensemble!

La planification de votre projet Web se fait avec vous, afin de bien comprendre vos processus internes et nous assurer du succès du projet.

Briefing et Stratégie

Rencontres de définitions et stratégie

Nous récoltons l’ensemble des informations qui nous seront essentielles pour la définition stratégique de votre projet Web et tout au long du développement.

  • Rencontre et remue-méninges avec vous
  • Définition de vos besoins numériques
  • Définition de la stratégie digitale à suivre

‌ Vous avez un rôle essentiel dans cette étape

Analyse et Planification

Analyse et conception

Nous analysons les informations récoltées précédemment afin d'établir les fondations de votre futur système. C’est une étape décisive.

  • Analyse des besoins
  • Architecture de l’information
  • Échéancier

‌ Votre approbation sera requise avant de passer à la prochaine étape.

Maquettes fonctionnelles

Maquettes fonctionnelles

Ces maquettes structurelles nous permettent de définir l'ergonomie générale de l'interface Web, ce sont les premières ébauches de votre futur système. Elles sont utilisées pour le positionnement des éléments de chacune de vos pages.

  • Maquettes fonctionnelles des interfaces de votre système (wireframes)

‌ Vous approuverez les maquettes fonctionnelles avant de passer à la prochaine étape.

Conception graphique

Conception graphique

Basé sur la maquette fonctionnelle validée, nous proposons un design adapté à vos besoins selon votre charte graphique, votre clientèle et vos attentes.

  • Définition des couleurs et polices de caractère
  • Maquettes graphiques des interfaces du système
  • Expérience utilisateur (UX)

‌ Vous validerez le design de votre site avant le reste des développements.

Développement et Intégration

Développement Web et intégration

C’est parti! Tout est réuni et notre équipe de production débute la réalisation de votre système.

  • Développement et programmation
  • Définition des bases de données
  • Intégration du design graphique (CSS)
  • Intégration du contenu
Tests de qualité

Tests de qualité

Votre projet est sur le point de rencontrer son public!

Nous prenons le temps de nous assurer que tout fonctionne bien et répond aux normes. Puis, nous préparons une formation sur mesure pour que votre équipe puisse gérer et éditer votre site web en tout temps!

  • Tests et contrôles de qualité
  • Formation

‌ Vous ferez partie de cette étape avec nous.

Lancement du projet

3...2...1... Lancement du projet

Votre projet part en production! Vous et votre clientèle pouvez enfin profiter de votre nouvel outil.

  • Mise en ligne de votre projet
  • Suivi post-projet assuré par nos équipes

Oui mais après?

Nous sommes toujours là! Notre équipe reste à vos côtés en tout temps: support technique, mise à jour de sécurité, maintenance évolutive. Nous rencontrons nos clients régulièrement pour discuter des nouvelles tendances, échanger des idées et participer à des activités internes de stratégies de contenu. Bref, nous formons votre équipe avec vous afin que votre présence Web soit un succès continu.

Notes aux organismes publics et parapublics

Faire affaire avec les gouvernements et les organismes parapublics requiert un respect strict des demandes et procédures établies par les appels d'offres. 8P Design est attesté par Revenu Québec l'autorisant ainsi à faire affaire avec son gouvernement.

FAQ

Questions fréquentes

Le délai dépend de la complexité du projet, du contenu à préparer, du nombre de personnes impliquées et du rythme des validations. On avance généralement par étapes : besoins, analyse, maquettes, design, développement, tests, formation et mise en ligne. Dès que la portée est assez claire, on vous présente un calendrier réaliste et facile à suivre. Votre participation compte, surtout pour les contenus et les approbations, mais on vous guide à chaque étape pour que le projet garde son rythme.
Vous n’avez pas à trancher ça seul. Une refonte complète peut être pertinente si la technologie est difficile à maintenir, si l’architecture ne répond plus aux besoins ou si l’expérience mobile est devenue un frein. Dans d’autres cas, quelques améliorations bien choisies peuvent suffire. On analyse l’état du site, les données, la dette technique et vos objectifs, puis on vous présente les scénarios possibles avec leurs avantages, leurs risques et leur niveau d’effort.
C’est le moment où on met les choses au clair ensemble. On transforme une idée générale en objectifs, utilisateurs, fonctionnalités, contenus, intégrations et critères de succès. Cette étape évite les mauvaises surprises pendant le développement et permet d’établir un échéancier beaucoup plus crédible. Pour un projet complexe, elle peut aussi mener à un cahier des charges ou à une feuille de route par phases. Vous savez donc ce qu’on construit, pourquoi on le construit et dans quel ordre.
La maquette fonctionnelle, ou wireframe, montre surtout la structure de la page, la hiérarchie de l’information et les interactions. La maquette graphique ajoute ensuite l’identité visuelle, les couleurs, la typographie, les images et les détails d’interface. On valide d’abord le fonctionnement, puis l’apparence. Cette façon de faire rend les discussions plus simples et évite de débattre des couleurs alors que le parcours utilisateur n’est pas encore réglé.
On garde les commentaires simples et centralisés. À chaque étape, une personne responsable regroupe les rétroactions, puis on les traite en fonction des objectifs du projet. On prévoit des validations avant de passer de l’analyse aux maquettes, puis du design au développement. Si une demande change l’ampleur du projet, on vous explique clairement son impact sur le budget ou l’échéancier avant d’avancer. Vous gardez ainsi une vision claire des décisions prises.
Oui. On pense aux téléphones et aux tablettes dès la conception, puis on teste l’affichage sur plusieurs tailles d’écran. Pour l’accessibilité, on clarifie avec vous le niveau visé et les méthodes de vérification. Les WCAG 2.2 servent de référence pour rendre le contenu plus perceptible, utilisable, compréhensible et robuste. L’accessibilité ne se règle pas avec un seul module : elle se construit dans le design, le code, le contenu et les tests.
On traite le référencement comme une partie intégrante de la refonte, pas comme une vérification de dernière minute. On inventorie les URL utiles, on prépare les redirections et on vérifie les titres, les contenus, les liens internes, les versions linguistiques et les balises d’indexation. Avant la mise en ligne, on compare l’ancien et le nouveau site. Ensuite, on surveille Search Console et les données analytiques pour repérer rapidement les erreurs ou les pertes de trafic.
Avant la mise en ligne, on teste les fonctionnalités, les formulaires, les rôles utilisateurs, les liens, les contenus, l’affichage mobile et les principaux navigateurs. Pour une migration ou une boutique en ligne, on vérifie aussi les données, les paiements, les courriels transactionnels, les redirections et les intégrations. On prépare également les sauvegardes, la fenêtre de déploiement et les vérifications après lancement. L’objectif est que la mise en ligne soit bien préparée et la plus calme possible.
Un audit avant refonte aide à éviter de reproduire les problèmes du site actuel. Il montre quelles pages attirent du trafic, quels parcours fonctionnent, où les utilisateurs abandonnent et quels contenus doivent être conservés. Il sert aussi à documenter les URL, les intégrations et les contraintes techniques. Pour un petit site très simple, l’analyse peut être intégrée à la phase de découverte. Pour un site important, un audit distinct permet généralement de mieux définir la portée et les priorités. On vous aide à comprendre les prochaines étapes, pas seulement les problèmes.