Tout commence par une soirée de Noël 2025 organisée par l’association Entrepreneurs Indépendants, aussi connu sous le nom “Les 1D”. J’y gagne à la tombola un lot à l’origine de tout l’article : 1H30 de diagnostic UX/UI de notre site par Clarisse, directrice artistique à la tête de l’agence Red Manta.

Ca tombe bien ! Parce que j’ai totalement conscience que notre site n’est pas optimisé, ni dans sa proposition de valeurs, ni dans la clarté de nos offres.

Il faudra quelques semaines (mois) pour que je sollicite Clarisse et qu’on trouve un créneau disponible…

L’atelier

Clarisse nous a reçu dans ses bureaux situés dans un espace de coworking au centre-ville : Le Bural. Après nous avoir demandé d’expliquer notre activité, elle commence à parcourir le site. Et là ça mitraille, forcément ! Et c’est bien ! Parce que c’est structuré : par bloc, par raisons (ergonomie, compréhension, logique marketing,etc…).

Parmi les recommandations, notons par exemple :

• Trop de texte non structuré
• Mettre en avant notre vraie force : le service
• Séparer les offres d’hébergement et les autres prestations
• Rendre le téléphone plus visible dans le bandeau haut
• Faire le lien entre nos deux gammes d’hébergement dans le tableau des offres
• Valoriser les tests gratuits et migrations offertes

Mais on a aussi abordé des éléments très pragmatiques comme confirmer l’envoi du formulaire de contact en restant sur la page actuelle.

J’ai beaucoup apprécié l’approche de Clarisse. On sent qu’elle est rompue à l’exercice et qu’elle a une manière ordonnée d’analyser le site. Malgré la durée relativement courte de l’atelier, elle a su mettre le doigt sur les points importants et prioritaires, en jonglant avec adresse entre expérience, ressenti, bonnes pratiques et compréhension de notre business.

Bref, nous repartons avec 2 pages de notes et comme d’habitude dans ce genre de situation : il va maintenant falloir trouver le temps de mettre en œuvre les modifications.

Notre site web est généré en statique (éco-responsable)

Nous utilisons le CMS Hugo pour gérer notre site.

C’est assez facile à utiliser pour des utilisateurs avancés : chaque page est un fichier markdown, un langage de mise en page basique que j’utilise aussi pour prendre des notes. C’est très léger, simple mais limité au seul contenu, pas la charte graphique ou la mise en page avancée.

Quand on publie des modifications sur GIT, HUGO regénère toutes les pages en HTML. Tout le site est donc statique : il ne demande aucun calcul du serveur (pas de PHP). Il est donc très léger et donc rapide, économe en ressources serveur, mais aussi robuste contre les hackers puisqu’il n’y a pas d’exécution de code. D’ailleurs, si cette façon de faire vous intéresse, contactez-nous !

Mais toute la partie style se gère dans le code source avec des fichiers .css, à l’ancienne. Et vu les modifications structurelles importantes envisagées, la tâche devenait plus ardue que nos habituelles publications d’articles ou améliorations de contenu.

Mais il faut vivre avec son temps, et j’ai donc utilisé un allié précieux : l’IA !

La réalisation, merci l’IA

Nous utilisons 2 solutions d’IA : Cursor et Claude. Le premier est un éditeur de code (basé sur VScode) avec un volet IA intégré, proposant différents modèles (chatGPT, Gemini, Claude et leur modèle maison : Composer), Claude est quant à lui exécuté dans le terminal Linux (bash) et propose une interface plus compacte, où l’on ne perçoit pas directement les modifications. Mais un éditeur ouvert en parallèle permet d’y palier.

Un point sur lequel l’IA est un gros plus, c’est la gestion des styles CSS. Que ce soit pour de la mise en page, ou changer un style précis sur toutes les pages, n’importe quel modèle le fait très facilement ! Comme elle peut vérifier elle-même le rendu dans le navigateur pour s’auto-corriger, c’est très performant.

Pour nos pages “Hébergement”, j’avais besoin de nouveauté et je lui ai laissé libre cours pour imaginer une nouvelle présentation, en se basant sur le contenu actuel du site. Le résultat était très satisfaisant.

C’est aussi très pratique de lui faire générer de nouvelle icônes et illustrations, elle s’inspire du style existant, mais a du mal parfois à les rendre lisibles (couleur principale inadaptée à la couleur du fond par exemple).

J’ai passé environ 2 jours équivalent temps plein à appliquer les préconisations de Clarisse, tout en améliorant certaines maladresses esthétiques ou ergonomiques détectées au passage, et comme toujours avec l’IA en appréciant la vitesse et la facilité de mise en œuvre.

Avant / Après

Je vais remettre quelques exemples d’avant, l’après il suffit de parcourir le site.

Réflexion personnelle

C’est un chantier qui a mis en lumière un paradoxe (qui n’engage que moi) :

La prestation de Clarisse est humaine et ne pourra pas être remplacée par l’IA, surtout sur des prestations UX plus lourdes, plus pointues, où un panel d’utilisateur reste la meilleure source d’optimisations.

Oui les IA pourront et peuvent sûrement déjà donner des conseils UX, avec l’aplomb qu’on leur connaît. Mais je doute sincèrement de leur véracité : elles doivent répondre quelque chose : est-ce pertinent ou une hallucination ? En matière de design et d’ergonomie, je doute qu’une IA puisse égaler le cerveau humain dans sa logique inconsciente, et prendre en compte les multiples réactions possibles selon les personae, du moins sur les prochains mois sur une IA publique (pas de laboratoire coûtant des millions d’€).

Et pour autant, les conseils de Clarisse ont été joyeusement appliqués avec des IA, rapidement, facilement et avec plaisir.

C’est représentatif, je trouve, de l’hybridation que vit notre société. Contrainte et forcée par l’arrivée massive des IA, elle vit une révolution brutale et rapide, et de nombreux métiers, et donc des millions de personnes en sont impactés. Pourtant, certaines choses resteront humaines, à certaines échelles : tout l’artisanat évidemment, mais aussi certains métiers où il y a du ressenti, de l’empathie, des besoins différents selon les utilisateurs qui demandent un arbitrage, une expérience, des décisions qui peuvent aller au-delà du besoin original.

Tout n’est pas “foutu” pour les métiers de service, mais une adaptation rapide est nécessaire, et les entreprises doivent prendre rapidement les mesures pour former leurs forces vives. L’IA est un super-pouvoir mais tous les concurrents l’ont aussi. Toute résistance dans les métiers impactés est vaine, mais utiliser l’IA sans structure, politique d’utilisation, amélioration continue, bref “à l’aveugle” sera également ravageuse. On vit une révolution similaire à l’arrivée de la micro-informatique, mais sur une échelle de temps de 2 à 5 ans. Chaque entreprise doit donc redéfinir comment apporter sa valeur ajoutée, mutée par les apports de l’IA, en conservant la part humaine requise pour contrôler ces IA et appliquer les expertises qui font la singularité de son offre.

Pour la suite

Dans le cadre du label Numérique Responsable que nous sommes en train de valider, la prochaine priorité sera de mettre le site en conformité avec le RGAA - Référentiel Général d’Amélioration de l’Accessibilité.

Nous serons également à l’écoute des retours que pourront nous formuler nos prospects, clients et partenaires. D’ailleurs si vous en avez, n’hésitez pas à nous les formuler. Vous trouverez maintenant facilement comment nous contacter :-)

Enfin, je pense qu’il faudra tôt ou tard envisager de moderniser le style global du site car notre approche “artisanale” dans le sens noble du terme est peut-être trop perceptible actuellement, et il faut aussi rassurer en démontrant notre capacité à nous moderniser notre l’image.

Remerciements

Même si je l’ai déjà présentée au début de l’article, je tiens à remercier à nouveau Clarisse pour son temps, gratuit je le répète puisqu’elle a offert cet atelier à la tombola des 1D.

Je vous invite à faire un tour sur son site pour parcourir ses compétences et son portfolio : https://redmanta.fr/