Graphiste web

Cette formation comprend 9 modules

• Fondamentaux du Web

  1 jour

  • Historique d'Internet et du Web
  • Notions fondamentales : définition Internet et Web, relation client/serveur
  • Socles techniques d'Internet et du Web (protocoles, langages, CMS, BDD, etc.)
  • Tendances majeures (web 2.0/3.0, responsive, interactivité/animation, onepage/flat design, images/vidéos/sons, webdoc/transmédia, datavisualisation, UX Design, motion design, etc)
  • Différents métiers de l'Internet

  Voir le module

• Communiquer dans un monde digital

  3 jours

  Avoir une vision stratégique de la communication

  • Ecosystème médiatique et mutations : les nouvelles interactions entre web, RP, print, réseaux sociaux, publicité, etc.
  • Comment aborder une stratégie de communication : les bonnes questions à se poser
  • Identité, valeurs, authenticité : cerner son territoire de contenus.
  • Communication et temporalité : comment cadencer ses actions.
  • Gouvernance : arbitrer ses actions en fonction de ses contraintes (budget, public visé, objectifs, ressources) et dans le respect de ses objectifs. 

  Maîtriser la production de contenu 

  • Comprendre le marketing de contenu
  • Pourquoi l’UX (User experience) doit devenir l’obsession du communicant.
  • Produire des messages impactants et optimiser son référencement
  • Construire une stratégie éditoriale cohérente

  Etre un chef d’orchestre plurimedia

  • Intégrer l’importance du visuel
  • Production video : comment écrire un motion design, un film institutionnel
  • Créer une infographie, la référence de votre expertise
  • Pourquoi et comment gérer un blog d’entreprise
  • Réseaux sociaux, les secrets de l’engagement

  Voir le module

• Conception et création graphique pour le web

  5 jours

  • Processus de conception digital/web
  • Rôle du designer graphique
  • Cadrage de la demande
  • Cahier des charges et brief créatif
  • Outils de hiérarchisation de contenu
  • Arborescence d'un site web
  • Environnement multi-écrans (desktop, tablette, mobile)
  • Zoning et wireframes
  • Création d'un univers graphique sur mesure
  • Maquette ou Style Guide
  • Mini-atelier (analyse de l'existant, optimisation de l'arborescence, création de wireframes)

  Voir le module

• UI - Conception d'interface interactive

  2 jours

  • Structuration et architecture de l'information simplifiée
  • Techniques de production pour desktop et supports mobiles
  • Critères ergonomiques relatifs au web et aux supports mobiles
  • Chartes d'interface (guidelines vs design graphique libre)
  • Principes de navigation et d'interaction sur tablette et mobile
  • Principes de navigation sur desktop
  • Prototypage

  Voir le module

• Maquette et prototypage avec Sketch

  2 jours

  • Présentation de l'interface (menus, outils, artboards, …)
  • Réalisation de la maquette graphique avec Sketch (modèles de pages, formats desktop/tablettes/smartphone, repères/grilles, images, styles guide : fond, couleur, typo, éléments récurrents du design, …)
  • Utilisation des calques, symboles, comportements responsives des symboles, styles, masques, tranches, grilles, repères
  • Préparation du découpage de la maquette (header, footer, corps, menu, zones d'interaction, icones)
  • Préparation et optimisation des images et symboles (résolution, taille, formats de fichier : png, svg, jpg, couleurs, cadrage, sprite, etc.)
  • Rangement, gestion des symboles, classement, dénomination et exportation de ses éléments

  Voir le module

• HTML et CSS - Initiation

  3 jours

  Fonctionnement d'un site web et rendu navigateur

  Création d'une page web en HTML

  • Bases du langage et syntaxe HTML
  • Structure d'une page
  • Insertion d'images, utilisation des listes ordonnées ou à puces
  • Liaison des pages entre elles
  • Tableaux pour la présentation de données tabulaires
  • Insertion du son et de la vidéo en HTML

  Mise en forme du site web en CSS

  • Création et liaison d'un fichier CSS à une page web
  • Architecture d'un fichier CSS
  • Sélecteurs de base
  • Modification des styles de texte, d'arrière-plan, mise en forme des blocs, etc.

  Utilisation de l'inspecteur web

  Voir le module

• Créer son site internet avec un CMS : les bases

  6 jours

  Introduction

  • Notions de base : hébergement, nom de domaine, ftp
  • Présentation : structure de WordPress, organisation (frontend/backend)
  • Installation : choix d'un serveur, paramètrage ftp, installation et connexion
  • Prise en main du back office : fonctionnalités de base, mode visuel/mode HTML, définition des paramétrages, sélection et ajout d'extensions

  Contenu et sa gestion

  • Taxonomie et types de contenus
  • Publication : paramétrages pages/articles, organisation des contenus, insertion d'images ou vidéos
  • Définition de la page d'accueil et organisation de la navigation dans le site
  • Création de menus personnalisés
  • Gestion des liens hypertextes (internes/externes) et documents PDF
  • Installation d'extensions : insertion de cartes Google Maps, formulaire de contact, liens médias sociaux

  Thème Wordpress et optimisation

  • Sélection et installation d'un thème
  • Paramétrage des médias et gestion de la bibliothèque
  • Animation et optimisation du site : intégration de contenus éditoriaux, indexation du contenu

  Plugin PageBuilder

  • Installation du plug-in PageBuilder
  • Modification du thème

  
  Plugin suivi statistique

  • Déploiement d’un plugin pour le SEO, l’analyse des audiences et le suivi statistiques
     

  Formation Wordpress avec alternance permanente de théorie et de mise en pratique à l'issue de chaque point abordé.

  Voir le module

• Atelier - Concevoir et réaliser un site avec Wordpress

  4 jours

• Adapter, présenter et publier ses créations graphiques sur les réseaux sociaux

  2 jours

  Les réseaux sociaux

  • Différencier les réseaux sociaux
  • Analyser et comprendre les contraintes et possibilités des principaux réseaux sociaux (Facebook, Twitter, Instagram, Behance…)

  Adobe Photoshop

  • Création d'un nouveau contenu visuel selon le réseau social
  • Adapter la dimension et la résolution d'un fichier
  • Décliner une création dans différents formats et orientations avec les plans de travail multiples
  • Utiliser la palette Montage pour animer les calques
  • Importer une vidéo et ajouter un son
  • Exporter pour le Web et les médias sociaux une image ou une vidéo

  Adobe Illustrator

  • Création d'un nouveau contenu visuel selon le réseau social
  • Adapter la dimension d'un fichier
  • Dessiner et aligner sur la grille en pixels
  • Décliner une création dans différents formats et orientations avec les plans de travail multiples
  • Exporter pour le Web et les médias sociaux

  Mise en situation

  • Utiliser des modèles Photoshop pour présenter ses créations
  • Créer ses propres mise en situation

  Publication et diffusion sur les réseaux sociaux

  • Création de compte
  • Publier sur les réseaux sociaux

   

   

  Voir le module