MountStreet

Mount Street administre des portefeuilles de prêts pour des banques et des investisseurs institutionnels. Neuf bureaux entre l'Europe et les États-Unis, plus de 150 clients, une régulation FCA et BaFin. Un site où chaque mot publié engage juridiquement l'entreprise.

Mon rôle : maquettes Figma et intégration front-end, au sein de l'équipe projet.

Trois contraintes à concilier : des contenus distincts par région sans multiplier les back-offices ; des dizaines de documents réglementaires à rendre lisibles ; et un ton humain dans un secteur qui ne l'est jamais.

J'ai livré une bibliothèque de composants avant les pages : cartes de service, témoignages, compteurs, cartouches d'accréditation avec leurs cas extrêmes maquettés : titres longs, témoignages de dix lignes, listes de certifications qui s'allongent. Puis je les ai intégrés en composants React sous Next.js, alimentés par l'API WordPress. Concevoir et intégrer les mêmes blocs a un avantage direct : les écarts entre maquette et rendu se règlent en amont, pas en allers-retours.

La preuve institutionnelle est organisée en trois couches, du plus léger au plus engageant : chiffres-clés, témoignages, puis accréditations et récompenses.

Architecture : WordPress headless. Le contenu reste dans WordPress, que l'équipe cliente maîtrise déjà ; Next.js gère le rendu côté serveur et l'optimisation des images ; le back-office n'est jamais exposé au public. Une installation multisite, un site par marché, un seul front-end : ajouter une région n'implique pas de reconstruire le site.

Côté front, cette architecture impose une règle simple : chaque composant doit tenir avec le contenu réel renvoyé par l'API, pas avec celui de la maquette. C'est ce qui décide si le client pourra faire vivre son site seul.

Stack : WordPress Headless (multisite, WP Engine) Next.js, React · Figma
Rôle : Maquettes Figma & design system, Intégration front-end, Projet en équipe