Lions Club de Spa

Contexte

Ce projet a été réalisé dans le cadre de mon stage chez Eocene, sur une durée de 6 semaines. Le client, le Lions Club de Spa, souhaitait une refonte complète de son site web, qui était alors hébergé sur Google Sites. La demande était de moderniser le site tout en respectant la charte graphique du Lions International.

Pour cette refonte, le client visait plusieurs objectifs clés :

• Moderniser l'image et la présence en ligne, afin de toucher à la fois les membres du club et le grand public ;
• Valoriser les actions et les projets portés par le club ;
• Simplifier la gestion du contenu afin de faciliter les futures mises à jour ;
• La présentaion du club (son comité et ses membres) ;
• La mise en avant des projets et œuvres soutenues.

Direction artistique

Comme l'objectif principal était de moderniser le site web du Lions Club de Spa, tout en respectant la charte graphique du Lions International (L.I.), je me suis tourné vers une direction artistique utilisant les deux couleurs principales du L.I. (le bleu et l'or) avec des éléments d'interface utilisant des arrondis prononcés, renforçant l'aspect moderne tout en gardant un visuel attractif et bienveillant.

Afin de mettre en avant les dernières actualités et les projets du club, j'ai inclus divers sections dédiées à chaque thème sur la page d'accueil.

Chaque section d'actualités dispose également de sa propre page d'archive avec toutes les dernières nouvelles publiées par le club.

L'ancienne structure Google Sites n'avait pas de page dédiée pour chaque actualités, il n'y avait qu'une seule page avec toutes les actualités. J'ai donc créé un template pour chaque actualités, œuvres ou actions.

Développement

L'intégration du site s'est faite sur WordPress grâce à WPBakery avec l'aide d'un thème pré-existant qui a été personnalisé pour les besoins du projet. Étant parfois limité par les fonctionnalités existantes du thème, j'ai eu recours à du PHP, des custom post types et des custom fields afin de pouvoir créer des templates personnalisés pour les pages d'actualités, œuvres et actions. Quant à l'adaptation visuelle du thème, elle s'est faite entièrement en CSS "vanilla" et en JavaScript.