Client Organ'Phantom

Catégories Développement Web, Identité visuelle, Intégration Web, Webdesign

Mes rôles Développeur web, Graphiste, Intégrateur web, Designer web

Création des cartes de visite

La volonté du client é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.

Problématique

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

Voir le site en live