Design web
Site web d’Organ’ Phantom
mai 2022
Organ'Phantom, association productrice d'événements musicaux et visuels à Bordeaux me fait confiance depuis 2015 pour la gestion de son site internet.

EDIT : texte de la refonte technique et graphique de 2022 en cours de rédaction…
Problématique de la refonte de 2018
La volonté de l’association était double : revaloriser l’ancienneté de l’association par une présentation de tous les événements passés afin d’asseoir sa notoriété et son expérience ; gérer facilement et de façon autonome sa communication sur les événements à venir.
Avec une cinquantaine d’événement à son actif depuis la création de l’association, il était important de pouvoir les renseigner de façon exhaustive tout en optimisant au mieux le process afin de limiter au maximum les actions nécessaires.
Solution
L’utilisation d’un plugin WordPress de gestion d’événement est au coeur de la gestion du contenu du site internet d’Organ’Phantom. Ce plugin a été personnalisé afin de coller au mieux à la demande client par l’ajout de champs personnalisés :
- affichage d’une vidéo en remplacement de l’image à la une,
- galerie d’images,
- listes des artistes avec liens vers leur plateforme d’écoute en streaming,
- mise à la une des artistes principaux,
- liens externes (facebook, site de l’événement, etc…)
Ces données renseignées pour chaque événement permettent ainsi de générer automatiquement, sans action supplémentaire du client :
- les modèles de pages dédiées à chaque type d’événement de l’association
- la page galerie photos avec un affichage par ordre chronologique
Technique
- Site internet réalisé sous WordPress,
- Conception des maquettes,
- Intégration des maquettes par la création d’un thème sur mesure,
- Site responsif, adapté à toutes les tailles d’écran,
- Prise en charge mutlilangue FR / EN,
- Plugin SEO pour optimiser le référencement naturel
- Plugin WordPress de cache pour un affichage rapide des pages,
- Plugin Worpdress de sécurisation,
Utilisation du framework FoundationPress avec prise en charge de :
- Foundation 6
- SASS
- Jquery
Optimisation du workflow par
- npm,
- gulp et
- webpack