Déroulé de l'épreuve Designer Web [bac+2]

1. Durée totale du jury : 4h40

 3 heures de mise en situation

 30 min d'entretien technique (sur la mise en situation)
 50 min de questionnement à partir d'une production (dont 25 min de présentation)
 20 min d'entretien libre

2. Documents à réaliser et à présenter :

 site web
 une animation destinée à promouvoir le site Web
 dossier de conception (10 à 20 pages)
 press-book
 dossier professionnel

3. Mise en situation :

 épreuve de 3h durant laquelle il faut réaliser un design et l'intégrer en partie

 la partie design nécessite l'utilisation de Photoshop et d'Illustrator
 la partie intégration nécessite de connaître HTML, CSS, et Javascript

4. Caractéristiques du site Web à réaliser :

 il ne peut pas s'agir d'un site portfolio

 le site correspond à un projet professionnel
 le site répond à un cahier des charges détaillé
 le site est réalisé sur la base d'un CMS
 le site est responsive
 l'ergonomie et l'accessibilité du site et les fonctionnalités sont pensées
 l'aspect visuel du site est professionnel (la charte graphique est définie)
 le code (HTML, CSS, Javascript, PHP) a été optimisé
 prise en compte du besoin de visibilité (référencement naturel et éventuellement
réseaux sociaux)
 le site intègre une animation destinée à la promotion

5. Contenu du dossier de conception :

Le dossier projet est une sorte de cahier des charges de 10 à 20 pages-écrans qui présente la
demande de site avec sa vocation, sa cible, les fonctionnalités attendues et, les solutions
proposées.
Il est préférable qu'il contienne les points suivants :
- Description de l'entreprise/du commanditaire
1
- Secteur et contexte de l'activité
- Besoins exprimés
- Les fonctionnalités attendues
- Profil des usagers (avec personas)
- Benchmark comparatif (autres sites comparables ayant servi d'inspiration)
- Schémas de wireframing ou zoning
- Charte graphique et planche de tendance

6. Contenu de la présentation orale :

La présentation orale (25 min) de son projet par le candidat s'appuie sur un support (dont la
structure et la qualité visuelle sont évaluée) qui structure sa présentation comme suit :
- Présentation de l'entreprise/service commanditaire du site ou de l'application, et contexte
du projet
- Conception et codage des composants front-end et back-end
- Présentation des éléments les plus significatifs de l'interface de l'application
- Présentation du jeu d'essai de la fonctionnalité la plus représentative
- Présentation d'un exemple de recherche effectuée à partir d'un site anglophone
- Synthèse et conclusion (satisfactions et difficultés rencontrées)

7. L'animation :
L'animation peut être une séquence filmée et/ou une animation visuelle. Dans un cas
comme dans l'autre elle est destinée à promouvoir le(s) produit(s) ou service(s) proposé(s)
dans le site Web réalisé.
L'animation devrait durer idéalement entre 30" et 60", mais sa durée n'est pas définie par le
référentiel.
Les logiciels utilisés pour cette animation pourraient être (de façon non exhaustive) :
Premiere, After Effect, Animate ou des logiciels équivalents.

8. Contenu du press-book :
Le press-book qui compte entre 10 et 20 pages contient différents travaux graphiques
réalisés par le stagiaire. Idéalement, sa composition devrait être proche de ce qui suit :
- 1/3 de travaux réalisés en formation
- 1/3 de travaux réalisés en stage
- 1/3 de créations personnelles

Le press-book doit contenir des travaux réalisés avec Photoshop et Illustrator, et idéalement
contenir :
- 2 ou 3 logos
- 2 travaux réalisés uniquement avec Illustrator
- 2 travaux réalisés uniquement avec Photoshop
- 3 ou 4 créations graphiques complexes
- charte graphique avec déclinaison
- 1 bannière
- 1 newsletter
- 1 ou 2 design de site Web ou d'applis

2
La mise en page du press-book doit être particulièrement soignée. L'ensemble doit être
graphiquement très qualitatif.

9. Le dossier professionnel (DSPP) :

Le stagiaire remplit son dossier professionnel (DSPP) à partir des activités réalisées durant
son stage.
La structure du DSPP ne doit pas être altérée, c'est un document officiel dont la forme (la
nature et la structure des pages) est codifiée et normalisée.