Ilies AllaliQuand un studio de production devient une plateforme
Trois portes à la place d’un studio, et un repositionnement qui a décidé de tout le site, de l’arborescence à la maquette en React.
Inversive forme les équipes des grands comptes industriels à la réalité virtuelle, avec des casques gérés à distance, un catalogue de formations et un lab qui fait du sur-mesure. Son site présentait encore un studio de production. J’ai repris le sujet à l’arborescence et je l’ai mené jusqu’à une maquette développée en React, que l’équipe d’Inversive a ensuite intégrée.
Le repositionnement
Le brief décrivait encore une organisation en studio, et il a fallu deux allers-retours pour que la structure se stabilise sur trois portes, la plateforme, le catalogue et le lab. Le pivot du 31 mars a changé le contenu du lab en cours de route et obligé à reprendre des pages déjà pensées. L’arborescence a été validée avant la première maquette, sur un lien où le client commentait page par page.
Les wireframes avant le style
J’ai wireframé toutes les pages, en mobile et en desktop, pour arbitrer la structure avant de parler d’esthétique. Les trois portes occupent une colonne latérale permanente, chacune avec sa couleur, et le catalogue devait rester parcourable malgré son volume sans devenir une base de données.
Une maquette en React
Plutôt qu’une maquette figée, j’ai développé la maquette en React, avec le défilement et les transitions réels, et je l’ai mise en recette pour que le client la teste en conditions réelles. Régis, côté Inversive, a ensuite développé le site de production en partant de cette référence, et les derniers retours se sont réglés directement dans le code.
Ce que le client garde
Le site est en ligne et l’offre se lit en trois portes, là où un prospect tombait sur un studio aux contours flous. La maquette part avec une documentation de reprise, direction artistique et typographie comprises, et le client a dit que nous étions les premiers à aller au bout.
