Industrialiser la conception de site internet

Simplifier et raccourcir le process de creation de site internet chez Solocal


Client : Solocal

Équipe : 1 Product Designer, 1 PO, 3 Developers


Défi : Optimiser le process de creation de site internet


Activités : Recherche utilisateur, persona, expérience map, wireframe, prototypage, test utilisateur, itération


Résultat : Plusieurs interfaces et une formation

qqq


Solocal est une entreprise spécialisée dans la publicité, la communication et le marketing digital pour les entreprises locales. Elle propose notamment la création de sites web. L'entreprise dispose d'une équipe de production web. La plupart de ses membres ont appris le métier en autodidacte et n'ont aucune connaissance en conception d'interface. Une fois sur le terrain, avec la pression de la production, ils n'ont pas le temps d'apprendre ces concepts.

Le process de création de site internet

De la commande du site à sa réception

Découverte


La phase de découverte permet de comprendre les besoins des utilisateurs, mais aussi leurs motivations, leurs attitudes, leurs sentiments et leurs expériences antérieures. Elle correspond à une phase d'empathie qui permet de recueillir des informations, de comprendre les utilisateurs et de leur donner du sens.

qqq


Action :

> Entretien

> Ecoute des appels de brief et de validation

> Restitution

Entretien

Dans le cadre de ce projet, j’ai mené une série d’entretiens semi-directifs auprès des équipes techniques. 


L’objectif était de comprendre leurs workflows quotidiens, leurs interactions avec les autres équipes (rédacteurs web, webmaster, webdesigner, contrôle qualité, ...), ainsi que les frictions rencontrées dans le process de création de site internet


Les entretiens ont été réalisés en live ou visioconférence avec les équipe de la production de site internet.

Restitution des insights

Côté business

  • Processus long et coûteux
  • Difficulté à planifier les rendez-vous clients
  • Multiplication des itérations

Côté production

  • Briefs non standardisés → données incomplètes
  • Qualité variable selon les intervenants
  • Contrôle qualité insuffisant sur l’UX et l’accessibilité

Côté utilisateur (client final)

  • Difficulté à se projeter lors de la validation
  • Beaucoup de retours tardifs
  • Insatisfaction vis-à-vis du rendu final


Hypothèses

À partir des observations, j’ai formulé les hypothèses suivantes :

La digitalisation du brief permettrait une collecte plus fiable et homogène

Une validation asynchrone réduirait les contraintes de rendez-vous

Donner au client des choix guidés (styles, contenus) améliorerait sa satisfaction

Structurer la qualité via des grilles UX améliorerait les livrables

Idéation


Confronter la théorie au monde réel permet de révéler les tendances d’utilisation, les erreurs de conception et les ressources non identifiées dès le début d’un projet.

qqq


Action :

> Créer des "How Might We"

> Identifier des opportunités produit

  • Titre de la diapositive

    Write your caption here
    Bouton

Brain storming

À partir des problématiques identifiées lors des entretiens et des observations terrain, nous avons organisé plusieurs sessions de brainstorming structurées. Pour chaque friction relevée, nous avons généré un large éventail d’idées sans contrainte technique initiale. L’objectif était de faire émerger des solutions centrées utilisateur, allant de la simple amélioration du process existants à la création de nouveaux produits. Les idées ont ensuite été regroupées, priorisées et confrontées aux besoins réels des équipes de production afin d’identifier les pistes les plus pertinentes et à fort impact.

Identifier les opportunités produit

Suite aux sessions d’idéation, l’étape suivante a consisté à structurer et prioriser les idées générées à travers un exercice de tri de cartes.


Cette méthode nous a permis de regrouper les propositions par thématiques naturelles  et d’identifier des ensembles cohérents correspondant à de futures fonctionnalités produit. Chaque catégorie issue du tri a ensuite été transformée en produit ou fonctionnalité concrète.



 Cette étape a permis de passer d’un ensemble d’idées dispersées à des architectures de produits claires et structurées.

Créer


Créer des représentations physiques de solutions possibles, avec lesquelles l'utilisateur cible peut interagir et évaluer. Cette phase vise à concrétiser les idées issues de la phase d'idéation, souvent sous forme de maquettes et de prototypes.

qqq


Les solutions:

> Digitalisation de l'appel de brief

> Choix du style du site internet

> Validation autonome du site internet

> Plateforme de formation à l'UX

> Création d'une grille de qualité

  • Titre de la diapositive

    Write your caption here
    Bouton

Digitalisation de l'appel de brief

Objectif : standardiser et fiabiliser la collecte d’informations



J’ai conçu un formulaire de brief complet et guidé, permettant aux clients de renseigner en autonomie toutes les informations nécessaires à la création de leur site internet.

Chaque question est accompagnée d’indications claires, d’exemples et d’aides contextuelles, afin de faciliter la compréhension et améliorer la qualité des réponses.


L’enjeu principal était de trouver le bon équilibre entre :

  • exhaustivité (ne rien oublier d’essentiel)
  • simplicité (ne pas décourager l’utilisateur)


👉 Résultat : une collecte de données plus homogène, plus fiable et sans dépendance aux appels

Choix du style graphique

Objectif : aligner les attentes visuelles dès le départ


J’ai conçu une interface permettant au client de définir facilement le style de son site.


À travers des exemples concrets et des inspirations graphiques, l’utilisateur peut exprimer ses préférences tout en étant guidé par :

  • les standards de son secteur
  • les bonnes pratiques design


👉 Résultat :

  • meilleure projection du client
  • réduction des incompréhensions
  • moins de retours liés au design

Validation autonome du site

Objectif : fluidifier et centraliser les retours client


J’ai conçu une interface de validation en ligne permettant au client de :

  • visualiser son site en conditions réelles
  • ajouter des commentaires directement sur les pages
  • demander des modifications de manière contextualisée



Cette approche remplace les appels de validation par une expérience asynchrone plus flexible.


👉 Résultat :

  • réduction des contraintes de rendez-vous
  • centralisation des feedbacks
  • diminution du nombre d’itérations


E-learning UX pour les équipes

Objectif : améliorer la qualité produit à l’échelle


J’ai conçu une plateforme de formation à l’UX design, destinée aux webmasters et webdesigners.


L’expérience repose sur des mécaniques de gamification, permettant aux équipes de :

  • identifier des erreurs sur des sites existants
  • apprendre les bonnes pratiques de manière interactive


👉 Résultat :

  • montée en compétence des équipes
  • meilleure appropriation des standards UX
  • amélioration continue de la qualité des sites produits
Voir l'étude de cas

Grille de contrôle qualité

Objectif : garantir un standard de qualité homogène


J’ai défini une grille d’évaluation structurée, utilisée lors du contrôle qualité des sites.

Elle s’appuie sur :

  • les bonnes pratiques du web
  • les heuristiques UX
  • les lois fondamentales de l’expérience utilisateur



Cette grille permet de :

  • objectiver l’évaluation
  • harmoniser les critères entre équipes
  • détecter rapidement les problèmes critiques


👉 Résultat : une qualité produit plus cohérente, mesurable et scalable

Projets connexes