Comment se déroule une co-conception d’un projet web ?

Qu’est-ce qu’une conception collaborative ? 

Dans une démarche alliant innovation et entraide, la co-conception consiste à impliquer le prestataire, le client, voire même l’usager dans la création d’un projet. 


Dans un esprit d’écoute et de réflexion, le concept repose principalement sur le Design Thinking. Le design thinking est une approche innovante centrée sur l’utilisateur ou le consommateur en vue de réaliser des services ou produits adaptés. Cette approche simple d’accès est facile à prendre en main par les différents partis dans un esprit convivial. 

Concrètement les collaborateurs du projet avancent conjointement dans la même direction dans le but de mettre en accord leurs visions au sein d’un même produit. La difficulté peut résider dans la capacité de compréhension de son interlocuteur. C’est pourquoi, il est essentiel de prendre du recul sur le projet. Voyons désormais de quelle manière nous segmentons la co-conception d’un projet web dans notre agence Offensive :

Contactez-nous

Premier Atelier : Définir le périmètre 

1. Contexte et analyse de l’existant

Tout d’abord on doit comprendre le contexte du client. Il faut pour cela répondre à une série de questions :

  • Quels problèmes le service ou le produit va-t-il résoudre ?
  • À qui s’adresse le service ou le produit ? (les cibles)
  • Quel est l’historique de l’entreprise du client ? Y a-t-il eu des éléments marquants survenus ?
  • Quels sont les chiffres clés de son entreprise ? 
  • Quel est le business model

Une fois qu’on y a répondu, on détermine les personas et surtout le lean canva qui englobe le contexte global du projet. Cela va nous aider à y voir plus clair. Il est d’ailleurs impératif à la bonne réalisation de celui-ci. 

exemple de persona - Offensive agence web Bordeaux

Exemple de Persona

 

Lean canvas - Offensive agence web bordeaux

Modèle de lean canvas

2. Besoin & Objectif 

Définir le besoin est fondamental. Lorsqu’un client nous contacte avec une problématique qu’il a définie, nous allons le diriger vers une ou plusieurs solutions qui répondront à sa contrainte. Pour cela nous réalisons un brainstorming, c’est-à-dire énumérer des flux de solutions probables sans aucun jugement et ensuite choisir la ou les meilleures solutions.  

Ainsi, de ce besoin découle des objectifs. On se repose généralement sur des objectifs SMART, c’est-à-dire des objectifs qui sont à la fois : 

  • Spécifiques : clairement définis.
  • Mesurables : les KPI sont les bienvenus.
  • Atteignables : avec les moyens mis à disposition.
  • Relevant (Pertinent) : par rapport au contexte.
  • Temporels : défini par des délais.

Exemple : Durant les 4 prochains mois, l’entreprise souhaite augmenter de 5% le taux de conversion de son site web, grâce à une meilleure campagne de fidélisation soutenue par une newsletter.

  •  Spécifique : téléchargement de contenu, inscription à un compte, ajout de contenu pertinent par rapport à l’audience.
  •  Mesurable : Objectif facilement mesurable par la plupart des outils emailing : Sendinblue, Hubspot, Mailjet.
  • Atteignable : il est atteignable, car le taux de conversion actuel est de 3,5%, la hausse jusqu’à 5% est atteignable avec l’usage de bonnes pratiques. 
  • Pertinent : Grâce à une définition des personas, l’entreprise connaît bien sa cible. Elle pourra aborder des actions qui sauront séduire son audience. 
  • Temporellement défini : sur les 4 mois qui arrivent. 

Suite à cela on pourra débuter le chantier avec le choix de l’arborescence. 


3. Arborescence 

C’est la création du squelette du site. À partir de ça on va pouvoir structurer le contenu de manière à ce qu’il soit apprécié des utilisateurs, mais aussi des bots Google (SEO friendly n’est ce pas 🙂 ) 

Chez Offensive, nous établissons toujours une arborescence qui répond à des problématiques à la fois SEO et UX. C’est ce subtil équilibre qui fera un site convaincant et qui gagnera naturellement en trafic organique, bien qu’une optimisation supplémentaire post développement soit toujours la bienvenue. On se focalise ainsi sur le parcours de l’internaute en fluidifiant sa prise de décision au cours de sa requête d’information, de contact ou d’achat. Ici on parle de Front Office, la partie émergée de l’iceberg, celle que l’on voit en consultant un site.

L’arborescence concerne également le Back Office, c’est-à-dire l’administration du site.
Elle doit être facilement accessible pour l’administrateur pour utiliser intuitivement toutes les fonctionnalités développées.

Voici un exemple d’arborescence avec une structuration par silo qui favorise une bonne optimisation SEO dès la première indexation du site sur Google.

arborescence seo en silo

Exemple d’architecture optimisée

Second Atelier : L’aspect Fonctionnel 

1. Définir les fonctionnalités à appliquer 

C’est le moment de passer au concret du projet. On entend par là l’aspect purement fonctionnel du site. On va y définir les éléments fondamentaux.

On va évidemment segmenter les fonctionnalités du back-office et du front-office. 

  • Le back-office : création/modification d’articles, de produits de services, création de tags et d’éléments de base de données, ajout d’utilisateurs, export des données…
  • Le second sera l’ensemble des fonctionnalités auxquelles l’utilisateur a accès : barre de recherche, formulaire d’inscription/connexion, inscription à la newsletter…

 

2. Planifier les actions à mettre en place

En amont du kick-off, nous déterminons les différentes deadlines qui viendront jalonner le projet dans le temps. C’est le fil rouge à suivre avec les tâches de conception et co-conception durant la création du projet. 

Comme on peut le voir dans le planning ci-dessous, on y définit évidemment le kick-off (lancement du projet), les ateliers de co-création à venir, le développement, l’intégration et pour finir les validations du client.

Planning et deadline projet web - offensive agence web bordeaux

Exemple d’un planning 

Débuter un projet avec Offensive

La co-conception ne s’arrête pas là puisqu’après le kick-off, d’autres ateliers sont planifiés afin de poursuivre la conception avec le client. L’idée est de rester en adéquation avec le client du début à la fin. 

Ainsi, même dans la conception des maquettes, la charte graphique et le développement, le projet se réalise de manière étroitement liée avec le client afin d’éviter les malentendus ou modifications tardives. 

Il y a de nombreux avantages à fonctionner de la sorte à la fois pour nos clients et pour notre agence.

C’est ainsi qu’en alliant différentes méthodes de travail comme le brainstorming, Lean canvas, persona ou encore SWOT que les grandes décisions du projet sont actées en amont de la réalisation du projet.

En résumé, les avantages de la co-conception réside dans 5 points : 

  1. Un gain de temps considérable pour la suite du projet.
  2. Meilleure marge de manœuvre pour le client sur la continuité du projet.
  3. Une transparence sur nos méthodes de travail.
  4. Comprendre et anticiper les attentes du client.
  5. Partager clairement la vision d’ensemble du projet.

Notre offre de co-conception chez Offensive 

En fonction de la grandeur du projet, les ateliers de co-conception peuvent se dérouler sur 2 à 3 demi-journées espacées d’au moins une journée.

Le coût de cet atelier de co-conception est de 2 000 à 3 000€ ht selon le projet, incluant :

Le déroulé et l’organisation de l’atelier :

  1. Présentation du contexte
  2. Définition du besoin
  3. Définition des cibles
  4. Définition du socle technique
  5. Définition de l’arborescence
  6. Définition des rôles utilisateurs
  7. Définition des fonctionnalités principales
  8. Définition des fonctionnalités secondaires
  9. Découpages des livrables
  10. Planification

 

Les livrables  :

  • Compte-rendu de l’atelier
  • Cahier de spécifications techniques
  • Devis détaillé avec découpage fonctionnel

Qu’il s’agisse d’un projet de site e-commerce, web application ou site vitrine de grande ampleur, si à l’issu de l’atelier et à la réception des livrables, vous souhaitez nous confier votre projet, cet atelier de co-conception sera remboursé à hauteur de 50%.


Pour plus d’informations n’hésitez pas à nous contacter directement. 

Contactez-nous

Atelier de co-conception de projet web à Bordeaux