Livret personnel de compétences

Formation Webdesign – Photoshop pour le web

Ce livret personnel de compétences a pour objectif de permettre au stagiaire de suivre sa progression tout au long de la formation.
Il permet au stagiaire de se positionner par rapport aux compétences attendues à la fin de la formation.
Ce positionnement est personnel et s’enrichit au fil des apports et échanges avec le formateur.
Ce livret sera rempli tout au long de la formation par le stagiaire.
Les tableaux de compétences seront également remplis en parallèle par le formateur puisqu’ils serviront à établir un diagnostic final sur les connaissances acquises au cours de la formation.

Objet du référentiel pédagogique

Ce référentiel pédagogique présente l’ensemble des compétences évaluées dans les domaines et sous-domaines de la formation.
Il précise les compétences techniques attendues à la fin de la formation.

Résumé

Formation Webdesign – Photoshop pour le web

Apprenez à concevoir le design de votre site web

formation graphisme pao webdesign

Faire un site Web est une chose, le rendre attractif et dynamique en est une autre. En effet, il est important de pouvoir créer un site internet captivant pour présenter au mieux vos produits et/ou votre savoir-faire. Grâce à cette formation, vous serez capable de concevoir un site attractif et efficace répondant à la stratégie de votre entreprise grâce à des points clés (design, ergonomie, techniques d’animation…) dans le respect des contraintes techniques et de diffusion de l’information sur le web, notamment en responsive design.

Objectif

A l’issue de la formation Formation Webdesign – Photoshop pour le web, diverses compétences vous seront transmises, notamment :
  • Maîtriser le processus de conception design d’un site web à destination de tous les supports
  • Comprendre les principales règles d’usabilité et d’accessibilité d’un site web
  • Optimiser et gérer le contenu diffusé sur le site web
  • Connaître les différents techniques d’animation sur le web

Les prérequis

L’environnement Windows ou Mac de base doit être connu afin de suivre cette formation : un bilan préformation sera établi.

Public concerné

Toute personne souhaitant développer ses compétences.

Outils et moyens pédagogiques

Matériel requis : Ordinateur, connexion Internet, navigateur web à jour, si la formation porte sur un logiciel spécifique, vous devez avoir une version de celui-ci. En cas de formation en présentiel, un PC avec les logiciels nécessaires pourra vous être prêté le temps de la formation.
Plateformes utilisées : outils collaboratifs (Google Docs, Drive pour échanges de fichiers), échange de mail, site web spécifique pour envoi de gros fichiers
Supports fournis : supports PDF, modèles de sites, bibliothèques d’exemples

Suivi et évaluation

Feuille d’émargement signée. Une attestation de fin de stage est délivrée. Exercices pratiques tout au long de la formation. Une évaluation pratique & théorique sera réalisée en fin de parcours.

Les points forts

Formation réalisable à distance,
en présentiel ou un mix des deux.

Formation sur mesure et adaptée.

Avancement à votre rythme
Devenez autonomes !

Accessibilité

Pour les personnes en situation de handicap,
Vous pouvez consulter cette page pour vous orienter au mieux.

Délai d'accès

Variable en fonction de votre statut et du financement de la formation. Pour en savoir plus, contactez-nous

Si formation à distance

Dispositif d’exécution utilisé pour la visio : Nous utiliserons de préférence Google Meet, en cas de problème ou changement nous pouvons passer par Microsoft Teams, Zoom, Skype.
Dispositif mis en place pour échanger : Le formateur reste disponible par mail entre les séances pour toutes éventuelles question

Durée de la formation

Se référer au devis

Modalité d'execution

Se référer au devis

Progression pédagogique

Phase 1 – Analyse du niveau et cadrage des objectifs
– Test de positionnement initial
– Identification des besoins spécifiques du participant
– Définition des objectifs opérationnels
– Présentation du déroulé et des modalités d’évaluation
Objectif : adapter le parcours et sécuriser la progression.

Phase 2 – Acquisition ou révision des fondamentaux
– Apports théoriques structurés
– Présentation des concepts clés
– Démonstrations guidées
– Exercices simples d’application
Objectif : maîtriser les bases indispensables.

Phase 3 – Approfondissement et mise en pratique
– Exercices progressifs
– Études de cas
– Manipulations en autonomie encadrée
– Résolution de problématiques concrètes
Objectif : développer l’autonomie opérationnelle.

Phase 4 – Consolidation des compétences
– Travaux pratiques complets
– Mises en situation professionnelles
– Correction individualisée
– Ajustement pédagogique selon les difficultés rencontrées
Objectif : sécuriser les acquis et combler les écarts.

Phase 5 – Évaluation finale et préparation à la certification (le cas échéant)
– Simulation d’épreuve
– Quiz ou cas pratique de synthèse
– Analyse des résultats
– Préconisations personnalisées
Objectif : valider la capacité à mobiliser les compétences acquises.

En Bref

Modalités d'accompagnement pédagogique

L’accompagnement comprend

– Un test de positionnement initial permettant d’adapter le parcours
– Un entretien de cadrage pédagogique en début de formation
– Un suivi continu durant les séances (feedback immédiat, corrections guidées)
– Un temps de questions/réponses en début de chaque session (10 à 15 minutes). Votre formateur vous pose quelques questions pour repérer ce qui a été retenu du cours précédent et fait une piqûre de rappel en cas de besoin
– Une disponibilité du formateur par email entre les séances (sous 48h ouvrées)
– Un point intermédiaire à mi-parcours
– Un bilan final de préparation à la certification

Encadrement

– Le formateur est là pour vous, il vous accompagne tout au long du processus
– Accompagnement individualisé en cas de difficulté
– Adaptation des exercices au niveau du candidat
– Tout en dirigeant cette formation, il s’adapte à votre rythme, à votre besoin

Modes d’évaluation de la progression

L’évaluation se fait tout au cours de la formation. Une fois un point du programme vu, un retour d’information oral peut s’effectue ou plus fréquemment une manipulation par le stagiaire pour voir si le point est compris et acquis.

La théorie, mais surtout la pratique est de mise pour atteindre l’objectif fixé

La durée annoncée de chaque module est la durée minimum, elle peut être allongée si nécessaire au bon déroulement de la formation.

Contenu de la formation

Module 1 – Les principes fondamentaux de conception et usabilité | 3h

  • Comportement des utilisateurs
  • Définition de l’usabilité
  • Règles de base de l’ossature du site
  • Standards et contraintes des terminaux Web
  • Tests de conception et adaptation du design aux différents types d’appareils
  • Impact du design sur les choix Flash, HTML5, Web 2.0…
  • Référentiel d’accessibilité
  • L’accessibilité et le développement HTML et CSS
  • PHP et les gabarits dynamiques
  • Maîtriser les bases de l’hébergement, MySQL et les bases de données
  • Les Content Management System (CMS) : WordPress, Drupal…
  • Le responsive design, les media tags et Bootstrap

Module 2 – Conception et gestion de contenu | 5h

  • Création de rubriques : la méthode Mind Mapping
  • Organisation du contenu, publication, outillage
  • Gérer un contenu collaboratif
  • Gérer les droits d’auteurs
  • Gérer le référencement

Module 3 – Un meilleur temps de chargement = un meilleur référencement | 5h

  • Rappel du principe de référencement
  • Comment faire un bon référencement ?
  • Photoshop, taille, poids, couleur d’une image
  • Photoshop : exporter pour le web
  • Réduire le poids d’une image sans détériorer la qualité

Module 4 – La stratégie de communication sur le web | 4h

  • Interface utilisateur UI : navigation principale et secondaire, hiérarchisation des blocs, raccourcis contextuels et liens transversaux
  • Architecture de l’information UX : énumérer, catégoriser, structurer

Module 5 – Maîtriser la méthodologie graphique | 6h

  • Distinguer les différents sites et leurs buts : e-commerce, événementiel, institutionnel…
  • Rappel des bases de Photoshop
  • La typographie sur le web
  • Culture Internet et design contemporain
  • Variété et cohérence des typologies
  • La grille
  • L’iconographie
  • Les feuilles de style
  • Le Favicon
  • La gestion des blocs

Module 8 – La mise en pratique = le meilleur moyen d’apprendre ! | 5h

  • Être capable d’analyser la demande d’un client
  • Esquisse d’intention interface (page d’accueil)
  • Création d’une maquette graphique avec Photoshop (page d’accueil)
  • Travailler le site sur plusieurs supports (adaptabilité)
  • Déclinaison pages intérieures
Domaine A ECA NA Remarque
Module 1 - Les principes fondamentaux de conception et usabilité
Module 2 - Conception et gestion de contenu
Module 3 - Un meilleur temps de chargement = un meilleur référencement
Module 4 - La stratégie de communication sur le web
Module 5 - Maîtriser la méthodologie graphique
Module 8 - La mise en pratique = le meilleur moyen d’apprendre !

A = Acquis
ECA = En cours d’acquisition
NA = Non acquis

Avis des apprenants

Moyenne des notes de ce programme :

Aucun avis/5

Nombre de votant :

0