Partager :
Concevoir des interfaces web et une identité visuelle professionnelle
Découvrez notre Formation WebDesign à Lyon et apprenez à concevoir des interfaces web à la fois attractives, cohérentes et adaptées aux usages actuels. De la réflexion sur l’identité visuelle à la conception des différentes pages d’un site, la formation permet d’acquérir une méthodologie pour transformer un besoin ou un cahier des charges en une interface web structurée, ergonomique et responsive.
La formation aborde les principales étapes d’un projet de WebDesign : analyse des besoins et des utilisateurs, organisation des contenus, arborescence, zoning, wireframes, principes UX/UI, choix typographiques et colorimétriques, création d’une charte graphique et conception des interfaces. Une attention particulière est portée à la lisibilité, à la hiérarchie de l’information, à la navigation et à l’adaptation des interfaces aux ordinateurs, tablettes et smartphones.
Très orientée vers la pratique, cette Formation WebDesign permet également de travailler avec les principaux outils utilisés pour concevoir et préparer des interfaces numériques. Les participants apprennent à créer et optimiser leurs ressources graphiques, réaliser des maquettes et prototypes, puis à comprendre les principes du HTML5, du CSS3 et du Responsive Web Design afin de mieux appréhender les contraintes liées à l’intégration et au développement d’un site.
L’objectif est ainsi de développer une vision plus complète du WebDesign moderne, qui ne se limite plus à la création d’une charte graphique mais associe identité visuelle, ergonomie, expérience utilisateur, responsive design et contraintes techniques du Web. À l’issue de la formation, les participants disposent d’une méthode leur permettant de concevoir et présenter un projet d’interface web professionnel, depuis les premières réflexions jusqu’à la préparation de sa réalisation.
Infos pratiques Formation Webdesign
Pourquoi se former au WebDesign et que contient cette formation ?
Se former au WebDesign permet d’acquérir une méthodologie pour concevoir des interfaces web à la fois attractives, ergonomiques et adaptées aux différents écrans. La formation aborde notamment l’identité visuelle, l’UX/UI Design, l’arborescence, le zoning, les wireframes, les maquettes, le prototypage et le Responsive Web Design, ainsi que les principales contraintes liées à l’intégration d’un site. L’objectif est de savoir transformer un besoin ou un cahier des charges en une interface web structurée et cohérente, tout en comprenant les différentes étapes qui conduisent de la conception graphique à la réalisation d’un site.
À qui s’adresse la Formation WebDesign et quels sont les prérequis ?
La Formation WebDesign s’adresse notamment aux graphistes, webdesigners, chargés de communication, professionnels du marketing et du digital, créateurs de contenus ainsi qu’aux personnes amenées à participer à la conception ou à la refonte d’un site internet. Elle convient également aux collaborateurs souhaitant mieux comprendre les relations entre design graphique, expérience utilisateur et technologies web. Une bonne maîtrise de l’environnement informatique et du web est nécessaire ; les connaissances techniques ou graphiques préalables requises dépendent ensuite du niveau et du contenu du parcours suivi.
Comment cette formation se positionne-t-elle par rapport aux autres formations Web et PAO de Devictio ?
La Formation WebDesign se situe à la rencontre de la création graphique et du Web : elle permet de réfléchir à l’organisation des contenus, à l’expérience utilisateur et à la conception visuelle d’une interface avant sa réalisation. Elle est complémentaire des formations Photoshop et Illustrator pour la création et la préparation des ressources graphiques, mais aussi des formations HTML5/CSS3 et Responsive Web Design pour approfondir l’intégration des interfaces ; Devictio propose notamment des parcours HTML/CSS dédiés à la création et à la modification de pages web. :contentReference[oaicite:0]{index=0} Selon le projet professionnel, elle peut également être complétée par une formation WordPress, création de site internet ou développement Web.
Pourquoi suivre une Formation WebDesign chez Devictio ?
Devictio est un organisme de formation professionnelle implanté à Lyon depuis 2007 et privilégie une pédagogie associant théorie, exercices et mises en situation afin de développer des compétences directement exploitables. Les formations sont animées par des professionnels disposant d’une expérience métier et peuvent être organisées en présentiel à Lyon ou en intra-entreprise. Devictio privilégie également les groupes à effectif limité afin de favoriser la pratique, les échanges avec le formateur et l’accompagnement des participants.
Quels financements sont possibles pour la Formation WebDesign ?
Cette Formation WebDesign n’est pas proposée dans le cadre du CPF. Pour les salariés, elle peut être intégrée au plan de développement des compétences de l’entreprise et faire l’objet d’une demande de prise en charge auprès de l’OPCO dont dépend l’employeur, selon les critères et modalités de financement applicables. L’entreprise peut également financer directement la formation, notamment lorsqu’elle souhaite développer les compétences de ses collaborateurs dans les domaines du WebDesign, de l’UX/UI et de la conception d’interfaces numériques.
Nos formations Webdesign
9 jours / 63 heures
Formation Webdesign sur mesure
Notre programme de formation :
Référence de la formation : PCWEB662
Nombre de stagiaires max. : 5
Public visé :
Cette formation s’adresse aux salariés, indépendants, entrepreneurs, graphistes, webdesigners, chargés de communication, professionnels du marketing et à toute personne souhaitant acquérir ou développer des compétences en WebDesign et création graphique digitale.
Elle est particulièrement adaptée aux personnes amenées à concevoir l’identité visuelle d’un projet, créer des interfaces web, produire des supports graphiques et préparer des contenus destinés à une diffusion numérique.
La formation peut également convenir aux personnes en reconversion professionnelle souhaitant développer des compétences opérationnelles en WebDesign et sur les logiciels Adobe Photoshop, Illustrator et InDesign.
Objectifs :
Cette formation WebDesign permet d’acquérir une méthodologie complète pour concevoir l’identité visuelle et les interfaces d’un site web. Le participant apprend à associer design graphique, expérience utilisateur, outils Adobe et contraintes techniques afin de créer des interfaces modernes, cohérentes et adaptées aux différents supports.
Compétences visées :
À l’issue de la formation, le participant sera capable de concevoir une identité visuelle, réaliser des wireframes et des maquettes web, créer et optimiser des ressources graphiques avec Photoshop, Illustrator et InDesign et comprendre les principes d’intégration HTML/CSS et du Responsive Web Design.
Moyens techniques et pédagogiques :
- Alternance d’apports théoriques, démonstrations et exercices pratiques
- Mises en situation basées sur des projets professionnels
- Analyse de sites et d’interfaces existantes
- Exercices individuels réalisés tout au long de la formation
- Travail à partir de briefs
- Corrections et retours personnalisés du formateur
- Un poste informatique par participant
- Utilisation des logiciels nécessaires aux exercices
- Ressources et supports pédagogiques numériques
Évaluation des résultats :
- Questionnaire de positionnement en amont de la formation
- Exercices pratiques réalisés à l’issue des différents modules
- Mises en situation professionnelles
- Questions et vérification régulière des acquis par le formateur
- Observation et correction des réalisations
- Réalisation d’un projet WebDesign de synthèse
- Présentation et évaluation du projet en fin de formation
Validation :
Attestation de fin de formation envoyée par mail.
Durée :
9 jours / 63 heures
Pré-requis :
Être à l’aise avec l’utilisation courante d’un ordinateur (PC ou Mac), la navigation sur Internet et la gestion de fichiers et dossiers. Aucune connaissance préalable en développement web n’est nécessaire. Une première pratique d’un logiciel de création graphique constitue un plus, mais n’est pas indispensable. Le niveau du participant est évalué en amont à l’aide d’un questionnaire de positionnement, afin de vérifier l’adéquation entre ses acquis, ses besoins et les objectifs de la formation.
Modalités d’inscription :
Les inscriptions sont possibles :
- Jusqu’à 48 heures avant le début de la formation, sous réserve des places disponibles, pour les financements en autofinancement ou via le plan de développement des compétences de l’entreprise.
- Environ 4 semaines avant le début de la formation pour les demandes de financement auprès d’un OPCO ou de France Travail, afin de permettre l’instruction du dossier.
Accessibilité aux personnes en situation de handicap :
Devictio s’engage à favoriser l’accès à ses formations aux personnes en situation de handicap. Pour étudier les possibilités d’adaptation de la formation à vos besoins, nous vous invitons à contacter notre référent handicap :
- 📞 04 72 64 25 19
- ✉️ formation@devictio.fr
Points abordés :
Jour 1 – Fondamentaux du WebDesign et UX/UI – 7 heures
- Comprendre les différentes étapes d’un projet WebDesign
- Identifier les objectifs, les cibles et les usages d’un site
- Différencier UX Design et UI Design
- Analyser l’ergonomie d’une interface existante
- Organiser et hiérarchiser les informations
- Construire une arborescence et un parcours utilisateur
- Comprendre les principes de navigation
- Créer un zoning et un wireframe
- Découvrir l’approche Mobile First
- Identifier les principaux critères d’accessibilité numérique
Mise en pratique : analyse d’un brief et création du wireframe d’une interface web.
Jour 2 – Direction artistique et identité visuelle digitale – 7 heures
- Définir une direction artistique adaptée à une marque
- Construire un univers graphique cohérent
- Comprendre l’utilisation et la psychologie des couleurs
- Créer une palette chromatique
- Choisir et associer les typographies
- Créer une hiérarchie typographique
- Comprendre les principes de composition et d’équilibre visuel
- Utiliser les grilles et les espaces
- Définir les principaux composants graphiques d’une interface
- Créer un moodboard
- Formaliser les principales règles d’une charte graphique digitale
Mise en pratique : création de la direction artistique du projet qui sera développé pendant la formation.
Jour 3 – Photoshop appliqué au WebDesign – 7 heures
- Personnaliser l’espace de travail Photoshop
- Comprendre résolution, dimensions et modes colorimétriques
- Créer et organiser les documents
- Maîtriser les calques, groupes et objets dynamiques
- Recadrer, redimensionner et transformer une image
- Corriger couleurs, luminosité et contraste
- Effectuer des retouches photographiques
- Utiliser les outils de sélection et de détourage
- Créer et utiliser les masques
- Réaliser des photomontages
- Appliquer des effets et styles de calques
- Créer des visuels destinés à une interface web
- Optimiser les images pour le Web
- Exporter les fichiers dans les formats appropriés
Mise en pratique : création et optimisation des éléments photographiques et graphiques nécessaires au projet WebDesign.
Jour 4 – Illustrator appliqué au WebDesign – 7 heures
- Comprendre les principes du dessin vectoriel
- Personnaliser l’environnement de travail Illustrator
- Créer et gérer les plans de travail
- Créer et modifier des formes vectorielles
- Utiliser les outils de tracé
- Utiliser le Pathfinder et le concepteur de formes
- Manipuler couleurs, dégradés et transparences
- Créer des pictogrammes et icônes
- Créer ou adapter un logo
- Travailler la typographie
- Vectoriser des éléments graphiques
- Créer des illustrations destinées au Web
- Organiser et réutiliser les éléments graphiques
- Préparer les ressources vectorielles pour le Web
- Exporter notamment aux formats SVG et PNG
Mise en pratique : création d’un ensemble cohérent de pictogrammes, éléments vectoriels et ressources graphiques pour le projet.
Jour 5 – InDesign et création de supports de communication – 7 heures
- Comprendre le rôle d’InDesign dans un environnement de communication
- Personnaliser l’espace de travail
- Créer et paramétrer un document
- Gérer les pages et les gabarits
- Importer et mettre en forme du texte
- Créer et utiliser les styles de paragraphes et de caractères
- Créer une hiérarchie typographique cohérente
- Importer et positionner les ressources Photoshop et Illustrator
- Manipuler les blocs texte et image
- Gérer l’habillage du texte
- Utiliser les calques, couleurs et transparences
- Contrôler les liens et les ressources
- Créer un document de communication cohérent avec l’identité visuelle du projet
- Contrôler le document avant diffusion
- Exporter un PDF adapté à sa destination
Mise en pratique : déclinaison de l’identité graphique du projet sur un support de communication professionnel.
Jour 6 – Conception d’interfaces et Responsive WebDesign – 7 heures
- Passer du wireframe à la maquette graphique
- Construire une grille de mise en page
- Créer une hiérarchie visuelle efficace
- Concevoir les principaux composants d’une interface
- Créer menus, boutons, formulaires, cartes et appels à l’action
- Maintenir la cohérence entre les différentes pages
- Comprendre les principes du Responsive Web Design
- Concevoir selon une approche Mobile First
- Adapter une interface aux ordinateurs, tablettes et smartphones
- Adapter les typographies, images et composants aux différentes tailles d’écran
- Prendre en compte les interactions tactiles
- Améliorer la lisibilité et l’accessibilité de l’interface
Mise en pratique : réalisation de la maquette graphique d’une page puis création de sa déclinaison mobile.
Jour 7 – UX Design, ergonomie et accessibilité – 7 heures
- Analyser et améliorer un parcours utilisateur
- Identifier les points de friction d’une interface
- Optimiser l’organisation et la hiérarchie des contenus
- Concevoir une navigation claire et intuitive
- Optimiser les appels à l’action
- Améliorer la lisibilité des contenus
- Comprendre les comportements de lecture à l’écran
- Prendre en compte les usages mobiles et tactiles
- Comprendre les fondamentaux de l’accessibilité numérique
- Contrôler les contrastes
- Utiliser correctement couleurs, textes, liens et boutons
- Comprendre l’importance des alternatives textuelles
- Évaluer la cohérence UX/UI d’une interface
Mise en pratique : audit UX/UI d’une interface, identification des problèmes et proposition d’améliorations.
Jour 8 – HTML5, CSS3 et compréhension de l’intégration Web – 7 heures
Cette journée permet au WebDesigner de comprendre comment une maquette est transformée en interface web et de mieux prendre en compte les contraintes techniques dès la phase de conception.
HTML5
- Comprendre le fonctionnement d’une page web
- Découvrir la structure d’un document HTML5
- Utiliser les principales balises sémantiques
- Structurer titres, paragraphes, listes et liens
- Insérer des images
- Comprendre la structure d’un formulaire
CSS3
- Comprendre le fonctionnement des feuilles de styles
- Utiliser les principaux sélecteurs CSS
- Gérer couleurs et typographies
- Comprendre le modèle de boîte CSS
- Gérer marges, espacements et dimensions
- Comprendre Flexbox et CSS Grid
- Découvrir les Media Queries
- Adapter une mise en page aux différentes tailles d’écran
- Utiliser les outils de développement du navigateur
Mise en pratique : intégration d’une page simple en HTML/CSS à partir d’une maquette afin de comprendre les contraintes de production.
Jour 9 – Projet WebDesign et évaluation des compétences – 7 heures
Cette dernière journée est consacrée à la finalisation d’un projet permettant au participant de mobiliser les principales compétences acquises pendant la formation.
- Analyser le brief et les objectifs du projet
- Identifier la cible et les besoins utilisateurs
- Finaliser la direction artistique
- Créer et organiser les ressources graphiques
- Finaliser les wireframes
- Créer la maquette graphique
- Décliner l’interface pour les supports mobiles
- Vérifier la cohérence de l’identité visuelle
- Contrôler l’ergonomie et le parcours utilisateur
- Vérifier les principaux critères d’accessibilité
- Optimiser les ressources destinées au Web
- Présenter et argumenter les choix graphiques et ergonomiques
Évaluation finale
Le participant présente son projet au formateur. L’évaluation porte notamment sur la qualité graphique, la cohérence de l’identité visuelle, l’ergonomie, la hiérarchisation des contenus, l’adaptation responsive, la qualité des ressources produites et la capacité à argumenter les choix réalisés.
Certifications Tosa disponibles selon le parcours choisi
Selon les objectifs du participant et le dispositif de financement retenu, la formation peut être adaptée afin de préparer à une certification Tosa sur l’un des logiciels Adobe abordés durant le parcours. Les certifications sont délivrées par ISOGRAD et enregistrées au Répertoire Spécifique de France Compétences.
Certification Photoshop – Tosa RS6959
Intitulé officiel : « Réaliser des retouches et des compositions d’images avec Photoshop (Tosa) »
Certificateur : ISOGRAD
Code de la certification : RS6959
Date de décision d’enregistrement : 18/12/2024
Date d’échéance de l’enregistrement : 18/12/2027
Certification Illustrator – Tosa RS6956
Intitulé officiel : « Créer des illustrations vectorielles et des graphiques avec Illustrator (Tosa) »
Certificateur : ISOGRAD
Code de la certification : RS6956
Date de décision d’enregistrement : 18/12/2024
Date d’échéance de l’enregistrement : 18/12/2027
Certification InDesign – Tosa RS6957
Intitulé officiel : « Concevoir des mises en page et des publications professionnelles avec InDesign (Tosa) »
Certificateur : ISOGRAD
Code de la certification : RS6957
Date de décision d’enregistrement : 18/12/2024
Date d’échéance de l’enregistrement : 18/12/2027
Modalités du parcours certifiant
Le choix de la certification est défini en fonction des objectifs professionnels, du niveau initial du participant et du dispositif de financement mobilisé. Dans le cadre d’un parcours certifiant éligible au CPF, la formation prépare aux compétences de la certification sélectionnée et le passage de l’évaluation correspondante est obligatoire.
Hors parcours certifiant, une attestation de fin de formation est remise au participant à l’issue de la formation WebDesign. Elle précise notamment l’intitulé de la formation, sa durée et les compétences travaillées.
Formation WebDesign – UX/UI, création graphique et Responsive Design
Dans les locaux Devictio à Lyon
3 290,00 €
365,56 € / jour
9 jours / 63 heures
Nos tarifs ne sont pas assujettis à la TVA, les prix s'entendent TTC.
Formation WebDesign – UX/UI, création graphique et Responsive Design
Formation à distance
3 290,00 €
365,56 € / jour
9 jours / 63 heures
Formation WebDesign – UX/UI, création graphique et Responsive Design
Formation sur mesure
Formations complémentaires
Habilitation Électrique Basse Tension électricien
Cette formation à l’habilitation électrique basse tension pour électricien B1V, B2V, BR, BC et BE essai prépare les professionnels électriciens à intervenir en sécurité sur les installations électriques basse tension. Alternant apports théoriques et mises en situation pratiques, elle permet d’acquérir les compétences nécessaires à l’habilitation adaptée aux missions exercées. Dispensée en présentiel sur Lyon ou en intra-entreprise sur toute la France, elle a une durée de validité de trois ans.
Habilitation Électrique Basse Tension non électricien
Nos formations en habilitation électrique basse tension pour non électriciens s’adressent aussi bien aux personnels non-électriciens, techniciens, agents de maintenance, chargés de travaux, chargés de consignation et professionnels amenés à réaliser des opérations spécifiques. Habilitation électrique B0 – H0 – H0V : formation destinée notamment aux personnels réalisant des opérations d’ordre non électrique dans un...
Formation Sensibilisation des collaborateurs aux cyberattaques Lyon
Cette formation de sensibilisation aux cyberattaques privilégie une pédagogie concrète. Les participants analysent des messages frauduleux, étudient des situations professionnelles et répondent à des quiz interactifs. Les exemples peuvent être adaptés au secteur d’activité de l’entreprise et aux fonctions des participants. La formation est accessible sans prérequis technique. Elle peut être organisée en inter-entreprises dans le centre Devictio à Lyon, en intra-entreprise dans vos locaux partout en France ou à distance en classe virtuelle.
Formation Cybersécurité et Intelligence Artificielle
Cette formation Cybersécurité et Intelligence Artificielle s'adresse aux responsables informatiques, RSSI, DSI, administrateurs systèmes et réseaux, chefs de projet, responsables métiers, consultants, dirigeants ainsi qu'à toute personne impliquée dans la transformation numérique de son entreprise. Disponible en inter-entreprises dans notre centre de formation de Lyon, en intra directement dans vos locaux partout en France ou à distance, cette formation s'adapte au niveau des participants ainsi qu'aux outils déjà déployés dans votre organisation.
Formation Cybersécurité Entreprise Lyon
Avec sa Formation Cybersécurité : Les fondamentaux de la sécurité des systèmes d'information, Devictio, organisme de formation à Lyon, vous accompagne dans la compréhension des principaux enjeux de la sécurité informatique et vous apporte les compétences essentielles pour identifier les risques, comprendre les mécanismes des cyberattaques et adopter les bonnes pratiques recommandées par les experts de l'ANSSI.
Formation Claude Lyon
Vous souhaitez exploiter tout le potentiel de Claude, l'intelligence artificielle développée par Anthropic, pour gagner du temps, améliorer votre productivité et automatiser vos tâches ? La formation Claude & Agents IA proposée par Devictio, organisme de formation à Lyon certifié Qualiopi, vous accompagne dans la prise en main de Claude ainsi que dans la création d'assistants intelligents et d'agents IA capables d'exécuter des processus métiers de manière autonome.
Formation Recruter sans discriminer Lyon
Formation Recruter sans discriminer : au-delà de l'obligation légale, adopter une démarche de recrutement inclusive constitue un véritable levier de performance. Une entreprise qui recrute sur les compétences attire davantage de talents, améliore sa marque employeur, renforce la motivation des collaborateurs et favorise l'innovation grâce à la diversité des profils.
Formation GEO Lyon
Formation GEO Lyon : Optimisez votre visibilité dans ChatGPT, Gemini, Claude et Perplexity afin d'améliorer votre visibilité auprès des moteurs IA. Vous découvrirez les différences entre le SEO traditionnel et le GEO, les critères de sélection utilisés par les modèles d'intelligence artificielle, ainsi que les bonnes pratiques permettant d'augmenter les chances que votre entreprise soit mentionnée dans les réponses générées par les IA.