Formation webdesign

La formation webdesign permet de maîtriser les bases de la communication et de la réalisation web. Des principes d’ergonomie, de gestion des formats destinés à toutes les interfaces, et notamment les tablettes et les Smartphones, au design graphique et interactif… autant de domaines que le web rassemble et qui sont indispensables en amont de toute intégration…

La méthodologie de conception

• La gestion d’un projet web
• Les objectifs d’une maquette web
• Les différents terminaux d’affichage, desktop, tablettes, mobiles, …
• Les différents formats d’affichage
• Introduction au “responsive design”
• Penser référencement

La mise en scène de l’information

• Hiérarchiser les types de contenus, et les types d’information (corporate, infos pratiques, blog, réseaux sociaux…)
• Le rôle de la page d’accueil
• Susciter une action, diriger l’internaute
• Les recommandations des moteurs de recherche
• Les fréquences de publication, planning et suivi

L’ergonomie d’un site web

• Les temps de chargement selon les terminaux
• Le système de navigation
• Organiser le contenu
• Les principes d’ergonomie
• La navigation libre
• La navigation dirigée

La lisibilité

• Notions de typographie et de mise en page
• Gestion des typographies pour le web et des webfonts
• Hiérarchiser l’information
• L’intégration des visuels
• Les animations et les liens

Le design graphique du site

• La charte graphique
• Le choix des couleurs, harmonies
• L’analyse visuelle des pages / La dimension des pages
• La grille modulaire du site
• Travaux dirigés sur Photoshop

Les fondamentaux de l’intégration multimédia

• Maîtrise des étapes de réalisation d’un site à partir de maquettes de pages réalisées dans Photoshop, en respectant les normes en vigueur : découpage et optimisation des images, construction de l’arborescence, intégration des médias (textes, images, animations, vidéos…)
• L’intégration et le développement : approche des outils de réalisation et des différents langages de développement

Exercices pratiques

• Réalisation de maquettes complètes
• Création d’icônes, favicon, …
• Optimisation des images pour les différents terminaux
• Découpage de la maquette en vue d’une intégration HTML/CSS

Intervenant : 

• Julien Larzillière : fondateur et gérant de l’agence de communication Apresta, consultant et formateur en conception et création multimédias.