Ilies AllaliWhen a production studio becomes a platform
Three doors instead of a studio, and a repositioning that drove the whole site, from the site map to the React mockup.
Inversive trains large industrial companies’ teams in virtual reality, with remotely managed headsets, a training catalogue and a lab for custom work. Its site still presented a production studio. I took it from the site map to a mockup built in React, which Inversive’s team then integrated.
The repositioning
The brief still described a studio, and it took two rounds for the structure to settle on three doors, the platform, the catalogue and the lab. The March 31 pivot changed the lab’s content midway and forced us to rework pages already designed. The site map was approved before the first mockup, on a link where the client commented page by page.
Wireframes before style
I wireframed every page, mobile and desktop, to settle the structure before talking aesthetics. The three doors sit in a permanent side column, each with its colour, and the catalogue had to stay browsable despite its volume without turning into a database.
A mockup in React
Instead of a static mockup, I built the mockup in React, with the real scrolling and transitions, and put it on a staging environment so the client could test it for real. Régis, on Inversive’s side, then built the production site from that reference, and the last feedback was fixed straight in the code.
What the client keeps
The site is live and the offer reads as three doors, where a prospect used to find a vaguely defined studio. The mockup came with handover documentation, art direction and typography included, and the client said we were the first ones to see it through.
