Refonte du site Ethic Ocean de SPIP à WordPress

Le Brief du projet – migration de SPIP à WordPress

Ethic Ocean désirait une refonte complète de leur site pour migrer vers une interface WordPress qui leur permettre une meilleure lisibilité et accessibilité de l’information.

Cette ancienne version était mue par SPIP. La mise en place et la réorganisation du squelette du site originel a supposé un travail conséquent pour la mise en place d’une hiérarchie lisible et compatible avec WordPress : SPIP disposait en effet d’une architecture en catégories et sous catégories jusqu’à un niveau N-3 sur ce site en particulier. L’objectif était de réduire également le nombre de clics pour accéder à rapidement aux concours, ou aux chefs impliqués dans cette organisation

Client

Ethic Ocean
Préservations des océans et de leurs ressources
Ethic Ocean

Anciennes versions du site

Page principale et page intérieure

Ancienne version spip du site Ethic Ocean

Réorganisation complète et simplification de la hiérarchie trop complexe

Comme le découvre sur illustration ci-dessus de l’ancienne interface, chaque pôle principal du site était illustrée par une « actualité » (alors que l’information était plus pérenne et qu’elle aurait mérité une page ce qui n’était pas possible sur SPIP). Chacune des actualités ouvrait possiblement sur un regroupement de catégorie, qui en ouvrait d’autres à leur tour si besoin (sur la principe de la poupée russe).

La sidebar était systématiquement présente quelle que soit la page ce qui segmentait et conférait à l’interface beaucoup de monotonie.

Mockup de la page d’accueil

Nouvelles couleurs et nouveaux graphismes

Refonte graphique générale

Ethic Ocean disposait d’une charte bien construite mais assez peu loquace. J’ai donc joué avec l’ensemble des codes pour obtenir une ligne graphique la plus en cohérence et la plus légère qui soit.

Ne manquez pas de découvrir le site pour le constater

Optimisations techniques générales

Le site dispose d’un hébergement chez wpserveur qui le rend naturellement beaucoup plus véloce et facile à maintenir. Outre ce point, l’accent aé été également mis sur l’optimisation de chaque niveau du site pour rendre l’interface la plus rapide possible, même si les nombreuses images de la page d’accueil plombent naturellement la home mais malheureusement on n’a rien sans rien :)

0 replies

Want to join the discussion?
Feel free to contribute!