Ilies AllaliQuand un studio de production devient une plateforme
Repositionnement, wireframes de toutes les pages, puis développement React et recette client jusqu'à la mise en ligne.
Inversive déploie de la formation en réalité étendue chez des industriels : une plateforme de gestion de parc de casques, un catalogue de contenus prêts à l'emploi, et un lab qui produit du sur-mesure. Le site d'alors présentait un studio de production, pas cette offre-là. J'ai repris le sujet de l'arborescence jusqu'au site en production.
Le contexte
L'entreprise vend de la formation en XR à des grands comptes industriels, sur des sujets où l'erreur coûte cher : gestes techniques, sécurité, procédures. Son site parlait encore d'un studio qui produit des expériences à la demande, alors que l'offre s'était structurée en trois entrées distinctes. Un prospect qui arrivait dessus ne pouvait pas comprendre ce qu'on lui vendait, ni à quel niveau de maturité il avait affaire. Pour une boîte qui doit rassurer des acheteurs grands comptes, c'est un problème commercial avant d'être un problème de design.
Le repositionnement
Le premier travail n'a pas été graphique. Le brief initial décrivait encore une organisation en studio, et il a fallu deux allers-retours pour que la structure se stabilise sur trois piliers : la plateforme, le catalogue, le lab. Cette bascule change tout le site, parce qu'elle transforme une liste de prestations en trois portes d'entrée qui correspondent à trois maturités clientes différentes. L'arborescence a été posée et validée avant la première maquette, sur un outil de partage où le client pouvait commenter page par page.
La conception
Wireframes de toutes les pages en premier, mobile et desktop, pour arbitrer la structure avant de discuter esthétique. La navigation traduit littéralement le repositionnement : les trois piliers occupent une colonne latérale permanente, chacun avec sa couleur, et le reste du site s'organise autour. Le catalogue avait sa contrainte propre, un volume de contenus à rendre parcourable sans transformer la page en base de données.
La production
Le projet ne s'est pas arrêté aux maquettes. J'ai développé le site en React, avec un défilement lissé et des transitions travaillées, et je l'ai déployé sur un environnement de recette où le client pouvait tester en conditions réelles à chaque itération. Les derniers retours portaient sur des détails de rendu à des tailles d'écran précises, corrigés directement dans le code plutôt que renvoyés en maquette.
Le résultat
Le site est en ligne. L'offre se lit maintenant en trois portes d'entrée claires, là où un prospect tombait avant sur un studio indéfini. Livré avec le code source complet et une documentation de reprise, direction artistique et système typographique compris, pour que l'équipe technique interne le reprenne sans dépendre de moi. Projet mené jusqu'à la mise en ligne et clos des deux côtés, avec un retour client sur le fait d'être allé au bout, ce qui n'était pas arrivé sur leurs tentatives précédentes.
