PanKart

Projet du client : cahier des charges

moodboard: https://app.milanote.com/1Ld0BL1xoMCEfs?p=3snQUe2HZed

https://github.com/hepl-dw/projet-pankart

Le brief

Présentation du client

• Thierry van Ingelgom -> Manager du groupe
• Le client est un groupe de musique qui s’appelle « PanKart »
• Musique rock celtique
• Groupe engagé ! Cela doit transparaitre sur le site
• Le site doit s’adresser aux fans mais aussi aux personnes qui ne connaissent pas, vitrine du groupe
• Doit donner envie à un organisateur de les engager
• Penser au concept de design sonore
• Valeurs du groupe: engagement durable, économie solidaire …

Structure

• Une page qui donnerait les paroles des chansons
• Notion d’engagement et de dénonciation doit vraiment transparaitre -> création d'une page pour mettre des news « coup de gueule » mais aussi sur le groupe
• Ils sont sur Gikstarter => met en lien organisateurs et artistes de toute l’Europe (9000 artistes)
• Ils sont aussi sur Lampli.be -> réservés aux artistes de la Province du Luxembourg
• Ils ont une Chaine Youtube
• Nom de domaine existant => www.pankart.com
• Actifs aussi sur Facebook => Petite communauté de 1300 fans
• Un peu actifs sur Instagram
• « BandsinTown » est une app qui montrent tous les concerts à proximité de nous => le site devrait pouvoir renvoyer vers cette app
• Gikstarter organise tous les ans un concours et l’an dernier ils ont été sélectionnés pour la finale et ont gagné

Souhaits

• Le logo: P et K en capitales à l’envers, pas vraiment de contrainte par rapport à la charte graphique
• Responsive
• Pour les mises à jour, ils aimeraient pouvoir etre autonomes
• Fonction tracking ou de tracing ??? Voir ce que c'est.
• Visuellement, site moderne, beau. Le site reflète notre époque et met en avant les valeurs défendues par le groupe. Ecoconception web idéalement
• Design sonore => avoir du son sur le site ou des extraits…
• Page dédiée
• 1genda des concerts,
• bio pour le groupe et bio pour chacun des membres
• galeries photos video
• page pour les news coups de cœur coup de gueule
• page pour les lyrics
• peut-être page revue de presse
• page de contact
• Soit booking en direct sur la page soit renvoyer sur gikstarter
• Page privacy policy
• Liens vers toutes les plateformes externes du groupe (fb, insta…) (Cerise sur le gateau -> petit jeu où on balancerait des pancartes dans le visage de certains personnes jusqu’à ce qu’il saigne)

Séance questions-réponses

Sur quelle page l’utilisateur devrait arriver ?

• Deux messages principaux

• Double objectif

  • obj. est d’avoir un maximum de dates, qui est pancarte et quelles dispos ils ont
  • obj. coups de cœurs et coups de gueule

• Suggestion: peut-être arriver sur une image ou un logo, qqch qui flashe qui donne envie d’aller plus loin. Selon M. Van Den Bos: experience immersive avec de la musique

• Idées : jouer avec du son et faire vibrer le logo au rythme du son

Liste de sites qui vous inspirent

• les FooFighters pas mal mais aurait pas envie de ça
• 'Olihob Circus'? cool
• va poser la question aux 6 autres gars …

Qu’est-ce qu’on doit attraper en 1er ? Les fans ou les organisateurs ?

• L’organisateur!

• N.B: Rock celtique folk engagé -> pas envie d’être vu comme Merlin l’Enchanteur

• Un style plutôt actuel

• Tshirt avec punchlines => pourrait peut-etre etre repris

• Standing still is not an option face à la musique de pancarte mais aussi face aux « injustices »

Quel public ?

• Tout public

• Écoconception web => allier performance avec une faible conso énergétique derrière

• faire peut-être un site un peu simplifié

• S’il existe des alternatives à Youtube, Google Analytics, ils sont ouverts au changement

• Il faut se poser la question du pourquoi on utilise analytic, l’usage est en fonction de cela

Un budget pour une police originale et qql photos qui impactent ?

• Oui !
• Du coup, on peut aller fouiller dans les images où il y a des liserets
• Par exemple, photos journalistiques.
• Pas en faire un site militant, ce n’est pas un site d’information
• Groupe engagé mais musique avant tout

Un visuel accompagne-t-il l’EP ?

• oui mais c'est le logo

• Si on bosse sur une nouvelle charte graphique, ils déclineront le reste sur la nouvelle charte (t-shirt, Facebook…).

• Page bio du groupe

• une page par musicien (les gabarits pvt rester les mêmes ou changer en fonction des bio)

• [Formulaire pour commander directement aupres de l’artiste ? (mais pas e-commerce, pas de paiement en ligne) bannieres pub, merchandising, promouvoir des projets ou des causes, s’active ou se désactive]. Au final, simple formulaire avec une liste à choix pour commander l'EP

• Page par concert ?

• Voir pour faire un référencement naturel optimal

• Page news -> Format un peu comme un blog , petit résumé, petites news dans une suite chronologique, format Twitter, avoir la possibilité d’accompagner le texte d’un visuel

• Créer une structure organisationnelle pour le site, lister la volonté du client et voir ce qu’on peut proposer au client.

Les objectifs

L'objectif principal est d'élargir la renommée du groupe en élargissant leur visibilité sur le web et donc leur public. Un autre objectif pour le groupe est de faire passer des messages qui leur tiennent à coeur.

Le public cible

Le public cible est un public assez large car le groupe propose une musique moderne mais dont le but est de sensibiliser (textes plutôt recherchés).

Le concept

Le site aura un look un peu grunge/rebelle avec l'utilsation principale des couleurs du logo : orange et noir.

Plan de site

• Page avec agenda des concerts
  • pour le booking renvoyer vers gitstarter ou sur la page de contact
• Page pour la biographie du groupe, y mettre un lien vers la page news
• Page bio pour chaque membre du groupe (sous-pages de biographie du groupe)
• Une page pour les paroles de chansons
• Une page news avec les coups de cœur et coups de gueule du groupe
• Page pour galerie photos et vidéos
• Page de contact
• Page privacy policy
• (page revue de presse avec apparitions TV, magazines, journaux, gros titres..)
• (Page ou bannière « merchandising » qui est désactivable. Promotion de projets ou de causes, lien vers formulaire de contact pour achats de CD par ex., pour un don…)

Stratégie

• L'objectif principal étant d'attirer le recruteur, j'ai décidé de choisir une méthode de desktop-first (designer l'architecture du site pour l'ordinateur en 1er). Le recruteur sera généralement assis à une table avec son ordinateur.
• La landing page contiendrait un player avec une playlist de chanson du groupe. La musique pourrait être mise en pause ou baissée à tout moment. Sur cette page, on retrouverait le logo du groupe qui bougerait en fonction de la musique. Sur cette page il y aurait un call-to-action (bouton) qui nous ferait scroller plus bas dans la page pour atterrir sur la page "agenda des concerts" mais aussi sur une mini présentation du groupe qui contiendrait un bouton renvoyant sur la page "biographie". Dans cette section, il y aurait un agenda reprenant les dates de concerts et leurs disponibilités, il y aura aussi un historique de leurs concerts. Une section donnera la possibilité de booker le groupe pour un concert; ce lien renverrait vers le site gikstarter ou sur la page "contact".
• Sur la page bio, on retrouvera une biographie générale du groupe. On retrouvera aussi sur cette page un sous-menu vertical contenant les noms des diverses personnes du groupe et qui menerait pour chacun une page de présentation personnelle. Le groupe ayant ds valeurs à partager, on retrouverait sur cette page un lien vers les news. Il y aura un code couleur différenciant les coups de gueule et coups de coeur du groupe.
• Pour la page news on retrouvera des extraits de news illustrés par une photo qui meneront pour chacune sur une page indépendante. Pour chaque news, il sera possible d'aller sur la news suivante ou d'aller à la news précédente. des suggestions de news à lire se trouveront en bas de page.
• Une page sera dédiée aux paroles des chansons. Un sous-menu reprenant le nom des chansons se trouverait à gauche de la page. Chacun des liens menerait vers les paroles d'une chanson précise. Sur chacune des pages de paroles on aurait la possibilité d'aller sur la chanson suivante ou précédente. En fin de page on retrouverait des suggestions de chansons.
• Une page gallerie contiendra deux onglets sous le menu principal pour soit voir les photos, soit les videos. L'onglet photos serait sélectionné par défaut. A gauche on retrouverait les noms de concerts pour afficher les photos ou video correspondant à ces périodes.
• La page de contact proposera un formulaire à choix multiples. Il sera possible de demander un envoi d'ep directement via le formulaire ou encore de demander une réservation au groupe.
• Un breadcrumb sera mis en place pour que le visiteur puisse suivre son cheminement dans le site et revenir en arriere à tout moment
• Une page "private policy" sera mise en place. Celle-ci contiendra comme toute page de ce type la grantie pour les utilisateurs que leurs données ne seront pas partagées, vendues à leur insu. Des templates de ce type de page existent.
• Outil: https://www.websitecarbon.com/
• GtMétrix
• Outil pour vérifier les microdatas