REAL ADDICTION

Une nouvelle manière de vivre la musique.

Challenge proposé par TheCacatoèsTheory

Le mois de juin, c’est le beau temps qui s’installe, les parcs qui se remplissent et les musiciens en herbe qui révisent pour être prêts le jour de la fête de la musique !

Un groupe local te contacte car ils souhaitent avoir un site web pour communiquer avec leurs fans, et les informer de leurs actualités et dates de concerts.

Ils font aussi appel à toi pour trouver un moyen innovant de les d’impliquer dans leurs aventures à travers une expérience digitale qui devra se baser sur leur nouveau site. (Web3, concours, réseaux sociaux, app à toi d’être créatif !)

Tu peux choisir l’univers musical que tu veux pour ce challenge !

Le prototype devra comprendre au minimum 3 écrans :

  • Une homepage qui présente le groupe, son univers et ses actus …
  • Une expérience digitale pour impliquer les fans
  • Déclinaison mobile de ta homepage

MON PROTOTYPE

Page Actualités : L’arrivée sur le site s’effectue sur la dernière actualité. L’arrivée d’une nouvelle écurie dans notre cas.

Page Calendrier : Les premières informations mises en évidence dans cet écran concernent celles de la prochaine course. On retrouve des informations plus précise de cette dernière dans la partie supérieure de l’écran.
Dans la partie inférieure, on a accès au calendrier complet de la saison. Ce qui permettra, aux utilisateurs, d’identifier rapidement la course qui l’intéresse.

Page Classement des pilotes : Quelles sont les informations prioritaires que souhaite voir l’utilisateur ? Le premier écran répond à cette question en affichant les positions, les nombres et les nombres de points.
Quand au deuxième écran, il donne des informations secondaires, pour les utilisateurs, sur un pilote en particulier.

Page Course en direct : Cette page est pensée pour permettre à l’utilisateur de suivre le direct de la course selon ses préférences.
Il a la possibilité d’activer, ou de désactiver, le son et/ou la vidéo via les icônes placées dans une barre de navigation. Ce qui est très pratique selon l’endroit où il se trouve (chez lui ou dans les transport en commun), ou selon le matériel dont il dispose (par exemple des écouteurs).
Le suivi d’un pilote en particulier s’actionne simplement en touchant ce dernier dans la moitié inférieure de l’écran. Un scrolling vertical permettra de retrouver le pilote s’il n’était pas visible à l’écran.

Mockup : Mise en situation visuelle des différentes pages de l’application.

PROCESSUS UI

Couleurs

Marigold

Hex E7A52E

R 231 V 165 B 46

Laser lemon

Hex FDFF6D

R 253 V 255 B 109

Rich Black FOGRA 29

Hex 020E21

R 162 V 238 B 233

White

Hex FFFFFF

R 255 V 255 B 255

Typographies

Racing Sans One

Regular 30 et 24

Montserrat

Bold 30 – 24 – 18 – 16 – 12

Regular 18 – 14 – 12 – 10

Boutons

Header

Icones