Il s'agit d'un Projet Client à réaliser pour le cours de Design Web : hepl-dw/Projet-Pankart
PanKart, est un jeune groupe belge issu de la province de Luxembourg, chante en français, mais sa musique est un langage universel. Ses sonorités sont celtiques, rock et festives. Ses textes, engagés et dénonciateurs des choses qui, quand elles ne tournent pas rond, tournent en rond…
| Nom des Membres | Rôle |
|---|---|
| Mathieu Menot | Chant, Guitares, Mandoline |
| Noé van Ingelgom | Guitares, Chœurs |
| Raphaël Goblet | Accordéon, Flûte, Chœurs |
| William Vincent | Basse, Chœurs |
| Maxime Champion | Batterie, Chœurs |
| Bastien Bodson | Guitares, Chœurs |
- Tout public confondu
- Pas les pré-ados
- Fans
-
Retrouvez PanKart sur :
- sites
- Réseaux Sociaux
- Streaming
-
Informations
- Premier EP sorti en avril 2020
- Concours européen remporté en décembre 2020
-
Charte graphique
- P et K majuscule et K mirrored 👉 Panꓘart
- 2 couleurs (celles du LOGO)
-
Souhaits
- nom de domaine : pankart.be
- Site web responsive
- Gestion du contenu du site se fera par la suite avec le CMS Wordpress
- L'approche : le site sera développé pour ordinateur en premier puis sera adapté pour les smartphone (mobile)
- construire en éco conception article
- reprendre les couleurs de la charte graphique
- envisager du Design Sonore
- Pas de style exclusif à suivre
- Site moderne qui ne fait pas fuir les visiteurs
- Pas de e-shop mais peut être donner la possibilité de commander via un formulaire de contact pour les EP, merchandising
-
Mettre en avant
- Groupe engagé (éco conception, durabilité, écologie)
- Rock Celtique
- Tenir aux valeur
-
Objectifs
- Avoir un MAX de date
- être visible
- montrer qui est PanKart
- style de musique
- disponibilité
-
Pages
- Landing page
- Lyrics
- Mettre tous les liens ou on peut les retrouver (style FB IG Spotify réseauc socieux, streaming, apps etc)
- Page bio du Groupe
- Page individuelle pour les chaque membres
- page NEWS en rapport au groupe
- Page coups de coeur et coups de gueuler (style blog ou twitter, 1 image avec texte qui l'accompagne)
- Page Photos (galerie photo)
- Page vidéos (galerie vidéo)
- Page contact
- Page agenda de concert
- Page booking : ✌️ envoyer vers gigstarter et faire un form pour réserver
- Page private policy (RGPD)
-
Sites inspirations potentiels
- Page d'accueil
- Menu simple avec logo pour les pages principales du site (commun à toutes les pages avec : ACCUEIL, BIO : groupe et membres, AGENDA, GALERIE : photos et vidéos, PLUS : Paroles, News, Coups de gueules/coeurs, Contactez-nous)
- Grosse image pour montrer qui est le groupe
- Gros titre : résumé du groupe 'groupe engagé + style musical'
- Section AGENDA
- liste de (dizaines de date), avec date, lieu
- bouton pour réserver (renvoyer vers la plateforme pour réserver)
- Boutons (voir plus de date)
- à la fin de la liste une phrase style "vous préférez nous nous contactez pour réserver ? envoyez-nous un message ici" (bouton qui va renvoyez à la page de contact)
- Section Vidéo
- Titre vidéo
- Dernière vidéos Youtube
- Lien voir toutes les vidéos : Youtube, page Galerie Vidéo
- Section Photo
- Titre Photo
- Afficher une dizaine de photos
- Bouton 'voir toutes les photos'
- Pied de page (commun à toutes les pages)
- privacy policy
- lien vers des pages du site
- lieux réseaux sociaux
- bouton contact qui renvoie à la page contact
- Page à propos (bio du groupe)
- 1 image du groupe + lien pour renvoyer vers la galerie photo pour plus de photo
- une description complète du groupe
- certains mots clés de cette description seront des liens vers d'autres pages tels que paroles, dates, galerie photo et vidéos, news, coups de coeur/gueule
- des liens (boutons) seront également disponible pour voir la bio de chacun des membres directement
- Page bio membre
-
Une photo du membres
-
Texte bio du groupe
-
Bouton pour renvoyer vers la bio du groupes
-
bouton pour renvoyer vers la bio des autres membres
-
Page paroles de leurs chansons
- affiché sous forme de liste avec un (+) à coté de chaque chanson
- ces listes sont mis en "accordéon", c-à-d, au clique elles afficheront les paroles de la chanson et le (+) deviendra une croix (x) et si on clique sur le x les paroles seront cachées de nouveaux.
-
Gallerie
- Photos
- Une photo en grand le reste sera en petit cliquable
- au click c'est la photo cliqué qui sera affiché en grand
- vidéos
- Photos
-
Page News
- Style twitter
- Une petite image
- Un texte qui l'accompagne
- annonces des apparitions tv/magasines
-
Page coups de coeur / gueule
- Style tweet
- texte court pour faire savoir les mécontentements / contentements
-
Merchandising
- image de la marchandise
- juste en dessous de l'image, le nom de la marchandise
- bouton info de la marchandise qui affichera des infos supplémentaires
- et un bouton "contacter pour acheter"
-
Page de contact
- formulaire de contact
- adresse mail de contact
- nous contactez par instagram