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

• Concevoir une stratégie de communication multicanale

  3 jours

  Comprendre la logique de la communication multicanale intégrée

  • Comprendre les atouts d’une communication multicanale intégrée
  • Identifier les atouts, les contraintes et les limites de chacun des canaux de communication externes et internes : publicité, relations presse, relations publiques, événementiel, web, réseaux sociaux, parrainage et mécénat, éditions, intranet...
  • Etablir la cartographie de l'ensemble de ses moyens de communication

  Concevoir une stratégie contenus multicanale

  • Définir les critères de choix des différents canaux : budget, nature et structure du public visé, adéquation aux objectifs de communication, messages et contenus
  • Etablir la cartographie des messages et des contenus, et les points de contact entre les différents canaux de communication
  • Définir le rôle, les missions des différents canaux de communication et analyser les différents modèles d’intégration en fonction des cibles
  • Produire des contenus efficaces, en respectant les règles de la communication digitale et en construisant une stratégie éditoriale cohérente

  Dégager des synergies entre les canaux de communication externe off-line et on-line

  • Articuler ses contenus de communication entre vecteurs physiques et vecteurs numériques
  • Identifier les complémentarités entre réseaux sociaux et actions de communication
  • Concevoir les contenus du sponsoring, du parrainage et du mécénat pour développer sa notoriété
  • Optimiser sa communication événementielle en segmentant ses contenus et les implémenter dans les canaux adaptés
  • Optimiser ses relations publiques et sa communication de proximité pour renforcer son influence
  • Connaître les spécificités des grands médias et leurs interactions avec les outils de communication corporate
  • Transformer ses relations avec les journalistes pour en faire des parties prenantes

  Concevoir une stratégie multicanale de communication interne

  • Connaître les tendances et les grands outils de la communication interne
  • Identifier les atouts, les contraintes et les limites des différents canaux de communication interne

  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énommination 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

• WordPress - 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

  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

  Réalisation d'un sujet imposé (refonte de site web) afin de mettre en pratique la conception, la configuration, la mise en ligne de contenus et la modification de thème sur WordPress.

  Les notions liées à la conception (analyse du projet, inventaire des contenus, architecture de l'information), à l'identité visuelle (univers graphique, charte éditoriale et scénario de navigation) et à la gestion d'un projet (planning, méthodes, budget) seront abordées lors du déroulement de l'atelier.

  Étapes de l'atelier :

  • Conception de la structure du site
  • Sélection d’un thème Wordpress et de plugins
  • Création d’une identité visuelle et de modèles de pages 
  • Organisation & valorisation des contenus
  • Optimisation du référencement naturel

   

• 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