12 Rue de l’Europe

31850 Montrabé

12 Rue de l’Europe

31850 Montrabé

Webdesign et référencement

Menu formations

Objectifs : Optimiser l’ergonomie de votre site Internet en terme de communication graphique et de référencement. Avoir une navigation logique et intuitive. Correspondre à la cible et savoir communiquer sur un produit.

Public : Responsable de sites Internet/Intranet, chef de projet, infographiste, webmaster, webdesigner. Responsable multimédia, chargé de communication. Toute personne amenée à concevoir et à optimiser un site Web pour une cible adaptée, une navigation cohérente et un référencement naturel.

Durée : 2 jours

Pré-requis : Bonne utilisation de Mac OS ou de Windows, des connaissances en graphisme et mise en page sont un plus.

Moyens pédagogiques : support de cours fourni à chaque stagiaire.

Contenu de formation

Le web aujourd’hui :

  • Analyse des nouveaux modes de navigation
  • Comportement des internautes
  • Déclinaison du web sur les supports mobiles

Notions élémentaires de référencement :

  • Contenu sémantique, contenu iconique
  • W3C et mise en avant du contenu textuel
  • Règles de nommage
  • Conteneur, (div) et balises H1, H2

Améliorer l’organisation et l’interface :

  • Navigation et contrat de lecture
  • Identité visuelle et ergonomie : l’importance de la page d’accueil
  • Élaborer une charte de navigation
  • Savoir structurer ses informations
  • Déterminer son rubriquage
  • Élaborer ses masques fonctionnels
  • Proposer les meilleurs outils
  • Intégrer les notions de repérage, de localisation et d’orientation

Optimiser la navigation et la gestion de contenus :

  • Textes/photos : les clés de la navigation
  • Les liens texte : les règles de nommage
  • Relation des données et indexation
  • Utilisation des différents médias : Textes, photos, infographies & vidéos

Notions de typographie :

  • Les familles de polices, (classification Vox-Atypi)
  • Sensibilisation au code typographique
  • Règles de composition
  • Gris typographique
  • Justification/coupures/césures
  • Google Fonts

Notions de mise en page :

  • Résolutions et taille d’écran
  • Les différentes mise en page web : graphisme et référencement liés
  • Couleurs et études comportementales de ces dernières
  • Réutilisation et/ou création d’une charte graphique
  • Organisation de l’espace, circulation de l’oeil/sens de lecture
  • Gestion des blancs et équilibre de la page
  • Hiérarchiser le l’information
  • Surface d’empagement, marges
  • Traitement des images, surfaces

Pré-projet :

  • Analyse du brief client et des contenus, (existant, images, textes, charte graphique)
  • Synthèse des références, placements et choix clients
  • Livre blanc du projet, (architecture du site, liens et plan général du site)
  • Le Zoning : mise en place des éléments principaux

Création, optimisation du projet web :

  • Mise en place et/ou réadaptation de la charte graphique
  • Mise en place visuel des éléments textes et images en page d’accueil
  • Etude du projet sur 3 propositions graphiques

Développer l’interactivité du site Internet :

  • L’interactivité homme-machine
  • L’interactivité humaine
  • La notion de feed-back
  • Les services interactifs

Vérifier l’accessibilité :

  • Tenir compte de la législation sur l’accessibilité numérique
  • Se conformer aux normes de W3C
  • Adapter les contenus pour les personnes malvoyantes

Etudes et cas particuliers

Top