Description des livrables

Un document est fourni au prestataire (ou service interne) précisant ce qui est attendu pour chaque type de livrable.

Le premier livrable est d’une importance particulière : c’est celui-ci qui servira à la fois de charte graphique et d’exemples de code. Il sera audité avec un soin particulier. Si c’est possible nous recommandons qu’il soit l’unique objet de la première livraison afin d’opérer les allers et retours des corrections et continuer le projet sur des bases éprouvées.

Conception (UX/ergo)

  • formats originaux (axure ou autre…) et format jpg
  • document d’accompagnement : description des principes mis en œuvre et cinématique parcours utilisateur

Graphisme

  • Le premier livrable doit impérativement contenir un styleguide/planche graphique :
    • pour un nouveau projet : header, footer, menu, typo courante, listes, liens, hx, palette, formulaires, messages, composants fréquents/récurrents … commenté dans les marges (voir encadré)
    • pour un complément de projet : planche avec les nouveaux éléments/ les nouveaux composants commenté dans les marges
  • Éléments graphiques : au format originel (svg, photoshop) et png ou jpg ; s’il s’agit d’icônes, privilégier le format svg
  • Fontes : fichiers des éventuelles webfontes
  • Pages : formats originaux (photoshop…) + jpg des pages.
  • Déclinaisons mobile / tablette
  • Document d'accompagnement si besoin.

Nous précisons en outre que la taille de base des caractères pour le texte courant doit être de 14px sur mobile et de 16px sur tablette et desktop.

Gabarits statiques (html/css/js)

  • Le premier livrable doit impérativement contenir un styleguide responsive inspiré de celui du graphiste. Ce gabarit sera audité au regard de la Checklist Pidila, notamment le RGAA.
  • Sources non compilées (si usage d'un préprocesseur)
  • js non minifié aux premières livraisons
  • Compat navigateurs : à fixer par le chef de projet/produit au cadrage (au minimum ceux recommandés au RGI)
  • Préférence mobile first (peut être utilisé en fallback pour les vieux nav)
  • Document d’accompagnement : méthodo d’inté, mécanique des templates…