Réaliser, améliorer et animer des sites web
- Bac+3
-
100% en ligne 24h/24 et 7j/7 • Web & Mobile
-
Durée estimée 160h • 3 mois
La durée en heures et en mois est une durée moyenne estimée pour la réalisation de la formation. La durée de réalisation effective peut être, selon chaque apprenant, inférieure ou supérieure à la durée estimée, sans incidence sur le tarif de la formation. La durée indiquée est donnée à titre indicatif et n'est pas contractuelle. Elle sera précisée lors de votre entretien avec votre conseiller en formation. -
Démarrage À tout moment de l'année
-
Certification Bloc de compétences • Niveau 6 (Bac+3)
Devenez le profil rare : celui qui ne s'arrête pas à la maquette, mais qui met les sites en ligne.
Le marché déborde de gens qui savent dessiner une interface. Ceux qui savent l'intégrer et la publier pour de vrai sont bien plus rares et bien plus recherchés. A vous de franchir cette marche décisive : de la page codée à la main jusqu'au site dynamique en ligne, optimisé et prêt à performer. Maîtrisez HTML/CSS, WordPress et Webflow, dialoguez d'égal à égal avec les développeurs, et appuyez vous sur les outils d'analyse et d'automatisation pour améliorer vos sites en continu.
Faites la différence : apprenez à livrer.
Vous serez capable de :
Programme
- Les métiers du webdesign
- Le cahier des charges : l'expression du besoin
- La chaîne graphique et les grandes étapes de livrables
- Les principaux workflows en production graphique
- Structurer son projet de création graphique
- Le travail en équipe
- Collaborer avec les apps Google
- Savoir se positionner au sein d’une équipe ou face au client
- La communication en équipe
- Identifier et comprendre le client et sa demande
- L'écoute active
- Bien prendre des notes
- Rendre compte à son responsable ou à son équipe
- Le storytelling - Introduction générale
- Les types de présentation
- Le vocabulaire technique du design en anglais
- Connaissance de l’interface
- Fondamentaux
- Les bases de la géométrie de l'image
- Initiation à la correction d'image
- Les bases du photomontage
- Les options de sélections simples
- Détourage et masques : les premiers pas
- Choix des outils et nuances
- Les types de filtres
- Les options calques
- Le processus type de conception d'un site Web
- Communiquer avec les équipes techniques
- Introduction à la gestion de projet
- Les méthodes Agile et Scrum
- Les langages du Web
- Sensibilisation au RGPD
- Les solutions de paiement en ligne
- Les normes liées à l'accessibilité W3C et WCAG
- Les outils d'archivage et de transfert
- Présentation Visual Studio Code
- Introduction HTML et CSS
- Syntaxe générale de HTML
- L'organisation du texte
- Un langage hypertexte
- Le multimédia en HTML
- Introduction à CSS3 : Hello world
- CSS3 : le stylage du texte
- La structuration logique en HTML5 et le modèle de boîtes en CSS3
- Les sélecteurs CSS
- La mise en page avec CSS
- La création de tableaux
- La création de formulaires
- Les effets avancés de CSS
- Utiliser des documentations CSS
- Le responsive design
- Valider la qualité de son site
- L'installation et la prise en main du framework Bootstrap : Hello world
- La grille bootstrap
- Les éléments bootstrap
- Les composants bootstrap
- Ouverture vers d'autres framework CSS
- Introduction à l'animation en Javascript
- Le référencement des sites Web
- Déployer son site sur le web
- La préparation de l'environnement de travail
- PHP et HTML (sorties)
- Les types de données, les variables et les constantes
- Les opérateurs de comparaison et les expressions booléennes
- Les fonctions
- Les tableaux
- Les conditions
- Les boucles
- Créer ses propres fonctions
- L'organisation des fichiers PHP
- Les superglobales Get, Post et Files
- Les superglobables Server, Env et Session
- La sécurité
- Introduction générale aux bases de données, notion de SGBDR
- Création et alimentation de bases de données SQL
- L'interrogation de bases de données SQL
- CMS : Content Management System
- Réaliser un site dynamique avec un CMS : Wordpress
- Installer et configurer WordPress sur son serveur : Hello world
- L'administration de son site Wordpress
- L'organisation de l'information et les menus
- Le menu Articles sur WordPress
- Les paramètres d'un site Wordpress
- La gestion des profils utilisateurs sur WordPress
- Les plugins Wordpress
- Choisir ses thèmes et personnaliser ses styles
- Tester et améliorer le référencement
- Wordpress - Découvrir Elementor
- Wordpress - Gérer ses éléments avec Elementor
- Webflow : Présentation
- Webflow : Prise en main
- Webflow : Avancé
- Webflow : La publication en ligne
- La création d'un portfolio en ligne avec Webflow
- Évaluer et mesurer l'impact des choix techniques
- Auditer un site
- Le test utilisateur
- Les différentes méthodes de test utilisateur
- Synthétiser et restituer les résultats des tests utilisateurs
- L'audit d'accessibilité
- Comprendre le référencement naturel ou SEO
- Présentation globale de Google Analytics - Les rapports
- Présentation Matomo Analytics
- Présentation de Google Ads
- Initiation au SMO (Social Media Optimization)
- Initiation au SXO (Search eXperience Optimization)
À l'issue de la formation, vous obtiendrez
Sous réserve de réussite aux épreuves finales
CCP "Réaliser, améliorer et animer des sites web" du Titre Professionnel "Concepteur designer UI", de niveau 6 délivré par le Ministère du Travail, reconnu par l’Etat et les entreprises, et attestant de la capacité de l’apprenant à exercer le métier visé. Elle est enregistrée au RNCP sous le code RNCP42140 par décision de France Compétences le 21/04/26, NSF 320
& 
La méthode Studi : votre chemin vers le succès
Une formation qui s'adapte à votre vie
Formez-vous quand vous voulez, où vous voulez, à votre rythme. Une méthode pensée pour concilier travail, vie perso et formation. Vous avancez sans pression, mais avec un cadre clair.
Une formation ancrée dans la réalité du métier
Plus de 700 professionnels en activité partagent leur expertise. Cas pratiques, projets concrets, mises en situation : vous développez des compétences directement utiles en entreprise.
Un accompagnement humain, du début à la fin
Référent pédagogique, formateurs experts, conseillers Relation Apprenant : une équipe vous entoure du premier contact à votre diplôme. Ce socle humain est garanti pour tous. L'intensité et la fréquence de cet accompagnement dépendent du niveau que vous choisissez : Essentiel, Plus ou Premium.
Une préparation solide aux examens
Évaluations d'entraînement corrigées, révisions ciblées et entraînements aux oraux. Des classes dédiées pour se préparer sereinement. Objectif : réussir votre diplôme du premier coup.
Une communauté qui vous tire vers le haut
Une communauté de plus de 59 000 apprenants. Échanges, entraide et partage d’expériences. Parce que la réussite est plus forte quand elle est collective.
Une projection vers l'emploi
Votre formation a un objectif : vous ouvrir des portes. CV, lettre de motivation, préparation aux entretiens, accès à des offres ciblées : Studi vous outille pour la suite. Parce que la réussite ne s'arrête pas au diplôme.
Modalités
Pour suivre cette formation, il vous faut :
En formation continue :
- Être âgé(e) de 16 ans révolus à la date d’entrée en formation
Si vous ne remplissez pas ces conditions, contactez nos conseillers pour étudier votre admissibilité.
Dans le cadre de votre formation, le stage n'est pas obligatoire.
Toutefois, toute expérience professionnelle, passée ou en cours, ou réalisation de stage, vous permet de développer vos compétences et de vous immerger dans le milieu que vous rejoindrez prochainement.
Cela reste un atout pour l'obtention de votre Titre/Diplôme.
Studi vous fournira une convention de stage sur demande.
Pour obtenir le Titre, le candidat sera évalué selon les modalités suivantes :
En amont de l’examen :
- Rédiger le Dossier Professionnel, composé d’exemples de pratiques professionnelles couvrant les compétences attendues.
- Compléter une épreuve écrite en ligne (ECF), s'appuyant sur des études de cas traitant du bloc de compétences.
- Rédiger les productions obligatoires :
- Un projet de site internet.
- Un dossier projet.
- Un support de présentation du projet.
Pour obtenir le taux d’insertion dans les fonctions visées, consulter la fiche sur le site de France compétences
Le certificateur n’a identifié aucune équivalence.
Après avoir obtenu le TP - Concepteur Designer UI, il est possible de :
- Soit intégrer directement le marché du travail
- Soit poursuivre vers un parcours de niveau 7 en design UI ou création numérique, par exemple un Mastère Directeur Artistique Numérique (titre RNCP Directeur artistique).
Cette liste n’est pas exhaustive. Il existe d’autres poursuites possibles.
Choisissez votre niveau d’accompagnement
ESSENTIEL
La souplesse, sans rien sacrifier à la qualité
- Accès aux contenus 24h/24 - 7j/7
- Pack Compétences 360 Allez au-delà de votre diplôme : 6 accélérateurs de carrière : IA (Le Wagon), soft skills (Cours Florent), langues, logiciels professionnels, entrepreneuriat et coaching carrière et 2 formations métiers pour renforcer votre profil
- Accès prolongé à la formation
- Classes virtuelles en direct
- Soutien pédagogique des formateurs
- Séances individuelles avec un formateur expert 30 min en tête-à-tête avec un expert pour débloquer, approfondir un point ou préparer un examen. Volume moyen indicatif
- Accompagnement emploi personnalisé
- Assistance pédagogique et technique
- Assistant pédagogique IA
- Bloc de compétences / Certification reconnu(e) par l'État Sous réserve de réussite aux épreuves finales
- Garantie Diplômé ou Remboursé
- Garantie Embauché ou Remboursé
PLUS
Le cadre qui structure votre parcours, à chaque étape
- Accès aux contenus 24h/24 - 7j/7
- Pack Compétences 360 Allez au-delà de votre diplôme : 6 accélérateurs de carrière : IA (Le Wagon), soft skills (Cours Florent), langues, logiciels professionnels, entrepreneuriat et coaching carrière et 2 formations métiers pour renforcer votre profil
- Accès prolongé à la formation
- Classes virtuelles en direct
- Soutien pédagogique des formateurs
- Séances individuelles avec un formateur expert 30 min en tête-à-tête avec un expert pour débloquer, approfondir un point ou préparer un examen. Volume moyen indicatif
- Accompagnement emploi personnalisé
- Assistance pédagogique et technique
- Assistant pédagogique IA
- Bloc de compétences / Certification reconnu(e) par l'État Sous réserve de réussite aux épreuves finales
- Garantie Diplômé ou Remboursé
- Garantie Embauché ou Remboursé
PREMIUM
L'intensité pour maximiser votre réussite, jusqu'à l'emploi
- Accès aux contenus 24h/24 - 7j/7
- Pack Compétences 360 Allez au-delà de votre diplôme : 6 accélérateurs de carrière : IA (Le Wagon), soft skills (Cours Florent), langues, logiciels professionnels, entrepreneuriat et coaching carrière et 2 formations métiers pour renforcer votre profil
- Accès prolongé à la formation
- Classes virtuelles en direct
- Soutien pédagogique des formateurs
- Séances individuelles avec un formateur expert 30 min en tête-à-tête avec un expert pour débloquer, approfondir un point ou préparer un examen. Volume moyen indicatif
- Accompagnement emploi personnalisé
- Assistance pédagogique et technique
- Assistant pédagogique IA
- Bloc de compétences / Certification reconnu(e) par l'État Sous réserve de réussite aux épreuves finales
- Garantie Diplômé ou Remboursé
- Garantie Embauché ou Remboursé
Solutions de financement
France Travail
Formation éligible à des aides de France Travail
Entreprise
Bénéficiez d'un financement par votre employeur
Financement personnel
Financez votre formation facilement en plusieurs fois sans frais jusqu'à 36 mois(3)
Bourse d'études
Bénéficiez d'une bourse d'études en fonction de votre profil et sous conditions d'éligibilité
Ces autres formations peuvent vous intéresser
Voir tout
Afin de suivre la formation dans de bonnes conditions, l’apprenant doit disposer :
- d’un ordinateur (PC ou Mac) ou d’une tablette récente ;
- d’un système d’exploitation à jour ;
- d’un navigateur web récent (Chrome, Firefox ou Edge) ;
- d’une connexion Internet stable ;
- d’un débit Internet suffisant pour les contenus vidéo et les classes virtuelles ;
- d’un casque audio ;
- d’un micro et d’une webcam pour les classes virtuelles lorsque celles-ci sont prévues.
Pour favoriser une mémorisation efficace et un apprentissage dynamique, nous combinons plusieurs formats complémentaires : vidéos pédagogiques, cours écrits, fiches de synthèse PDF, quiz interactifs, cas pratiques, mises en situation et auto-évaluations.
À cela s'ajoutent plus de 10 000 classes virtuelles par an, en direct ou en replay, pour approfondir les notions clés et interagir avec les formateurs.
L'accompagnement en formation à distance étant au cœur du dispositif Studi, l'apprenant est accompagné par divers professionnels qualifiés et compétents :
- Des chargés de relation apprenant : responsables de l'assistance par téléphone et depuis la plateforme de formation à distance, ils assurent un suivi, un accompagnement méthodologique, l'évaluation de la satisfaction et un soutien motivationnel ;
- Des formateurs experts : recrutés selon leurs qualifications et leurs expériences professionnelle et pédagogique, ils sont en charge d'aider l'apprenant à progresser dans son parcours et d'évaluer sa progression. Ils assurent une réponse sur le forum de chaque cours sous un délai de 48 h, la correction de copies sous 7 jours maximum, et animent des cours en direct chaque semaine sur la plateforme ;
- Une assistance technique : assurée par le service informatique, pour vous accompagner dans l'usage des outils et de leurs fonctionnalités.
