Design web 2

Milieu de cycle

Exercice : Pukkelpop

TEKNIKA

Le Pukkelpop est un festival de musique qui se tient chaque année à Hasselt le 3e week-end du mois d'août.

Ce festival est clairement destiné à un public jeune adulte dont la tranche d'âge se situe entre 18 et 35 ans.

Cette année, le staff du Pukkelpop voudrait diversifier son public en proposant 2 alternatives à cet événement : le Pukkelpop senior (plus de 55 ans) et le Pukkelpop junior (6 à 13 ans).

Il fait appel à vos talents de graphiste et vous demande de travailler sur une des 2 variantes.

Dans un premier temps, vous travaillerez sur la création d'un persona correspondant à la variante que vous aurez choisie.

Vous déterminerez par la suite une guideline qui vous aidera à concevoir l'adaptation graphique du site existant.

Au final, vous proposerez une nouvelle page d'accueil présentant le festival alternatif choisi, sous la forme d'une image fixe que vous réaliserez à l'aide d'Illustrator.

Eléments attendus

Création d'un persona

Voir la page 'Persona'

Création de la guideline

Charte couleurs et typographiques

Définissez 1 code couleurs (5 couleurs) ainsi que 3 typographies (1 principale et 2 secondaires) qui peuvent correspondre à votre analyse.

Motifs, textures, et éléments graphiques

Créez 1 motif, trouvez des textures, dessinez quelques éléments graphiques. Ils vous serviront de trames de fond ou agrémenteront le design de votre contenu.

Logotype

Adaptez le logo existant en y incluant les mots "Senior" ou "Junior".

Exemples de guidelines

Voici 1 exemple de guideline développé lors d'un projet de webdesign réalisé avec les 1re année.

Bill Murray Website

TEKNIKA

Guideline du site "Bill Murray" présenté aux étudiants de 1re année.

Exposition "Ta Fête !"

Voici 1 guideline développée pour un projet d'affiche d'exposition pour la Maison du Tourisme de Ath.

TEKNIKA TEKNIKA

Les mockups finalisés et approuvés qui serviront pour la création graphique de l'univers visuelle de l'exposition.

TEKNIKA

L'affiche de l'exposition. On remarquera la présence des éléments définis par le mockup ci-dessus.