intro_macbook.png
 

Client : Coca Cola Maroc
Année : 2010
Rôle : Concept, webdesign, suivi de production
Réalisation : emagin 

En 2010, quelques mois avant la Coupe du Monde. Coco-Cola Maroc à lancé une consultation restreinte auprès de plusieurs agences locales afin d’imaginer, concevoir et développer 3 plateformes : Le site Coca-Cola Maroc - Un site dédié au Football (Coca étant le partenaire offciel de l'événement) ainsi qu’une plateforme musicale participative. Emagin a remporter cette consultation. Voici en détail le process créatif, les écrans et le fonctionnement des plateformes.

 
 

Concept

concept_coca_cola_maroc.png
 

Coca Cola Main

 

La page d’accueil Coca-Cola Maroc permet de parcourir les actus et les goodies mais aussi de “switcher” entre les 2 plateformes proposées : Coca-Cola Football et Coca-Cola Musique.

 
display_plateforme.png
 
coca_cola_actu_and_goodies.png
 
logo_plateforme_football.png

Plateforme Football

 

Le concept de cette plateforme vidéo participative repose sur la Célébration du Football.
A l’image de Roger Milla, Coca Cola invitait tous les internautes à partager leur célébration d’un but à travers une plateforme vidéo conviviale, aux couleurs de la coupe du Monde 2010.

 

“En 1990 Roger Milla a été le premier footballeur à célébrer un but en dansant”.

“Avec Coca Cola exprime la célébration qui est en toi” !
 

 

Guidelines Coca-Cola

Dans le cadre du projet il nous a été demandé de suivre une charte graphique détaillée. Voici quelques écrans, exemples de recommandations extraites du cahier des charges.

guidelines.png
 

Design

Page d'accueil

accueil_coca_football.png

Partage ta célébration en vidéo avec Coca Cola

celebration_coca_cola.png

Autres écrans

autres_ecrans.png
 

Résultat

conclusion_foot.png
 
logo_plateforme_musique.png

Plateforme Musique

ecran1.png

Design

Page d'accueil

ecran_accueil.png
 

Identification des utilisateurs et choix du style.

4 styles musicaux / 4 ambiances

identification.png

La "beat Box"

beat_box_1.png
 

Principes de fonctionnement

1. Catégories de sons et écoute.

principe1.png
 

Principes de fonctionnement

2. Création des mixs

A partir de la Beat Box, les sons glissés vers le bas déclenchent automatiquement l'ouverture des pistes. Chaque son déposé crée automatiquement une nouvelle piste.
Sa durée et son volume sont réglables d'un simple clic. 

principes2.png
 

Pistes de sons et création des mix

beat_box_2.png
galerie_mix.png

Autres accès

autres_ecrans.png
trait.png

Alors au final, qu'est ce que ça donne ?

Version démo non finalisée en phase de test