Refonte du site CIBC NNA

Pendant mon alternance, on m'a confié la refonte du site de l'organisme. J'avais déjà réalisé quelques pages auparavant, mais les résultats étaient peu concluants. J'ai donc dû développer en autodidacte mes compétences en méthodologie et en création de site.

Analyse de l'utilisateur

J'ai mené des recherches avec des outils comme Semrush et Google PageSpeed Insights, puis une analyse plus approfondie des recherches des utilisateurs de Nouvelle-Aquitaine avec KeywordTool. Cette dernière m'a beaucoup aidée à mieux comprendre les besoins des utilisateurs dans notre domaine d'activité.

Il manquait toutefois des données propres au site. Pour y remédier, j'ai installé Microsoft Clarity et diffusé un questionnaire en interne aux salariés afin de récolter des données proxy.

Résultats du questionnaire interne diffusé aux salariés du CIBC NNA : exemples de réponses sur les attentes des bénéficiaires
Extrait des réponses au questionnaire interne (12 répondants).

Conception UX/UI

J'ai ensuite réalisé des wireframes desktop et responsive sur les pages principales, pour poser une première esquisse de l'expérience utilisateur et de son interface. Puis, pour faciliter l'intégration, j'ai conçu une maquette d'une dizaine de pages. Faute de temps, je n'ai pas pu traiter l'ensemble du site, qui compte une quarantaine de pages à réaliser.

L'amorce d'un design system a été plus compliquée : en l'état, il n'est pas encore utilisable. Mais cette étape m'a permis de comprendre comment le construire pas à pas, pour une meilleure communication entre les équipes et une maintenance plus simple.

Le choix de l'intégration du site s'est effectué avec la contrainte prise en compte : son manque de performance, les problèmes de personnalisation de WordPress et la facilité de maintenance. Cela a mené au développement d'un thème personnalisé en WordPress full site editing avec comme stack : theme.json, HTML, JS, PHP et CSS.

Voir le site en ligne (ouvre un nouvel onglet)

Les logiciels utilisés