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.
Un accompagnement humain, du début à la fin
Un référent pédagogique dédié pour vous guider et vous motiver.
Des formateurs disponibles pour répondre à vos questions.
Chez Studi, vous n’êtes jamais livré à vous-même.
Apprendre en faisant, vraiment
Cas pratiques, projets concrets, mises en situation.
Vous développez des compétences directement utiles en entreprise.
Chaque apprentissage a un objectif métier clair.
Des formateurs issus du terrain
Plus de 700 professionnels en activité partagent leur expertise.
Des contenus alignés sur les réalités du marché de l’emploi.
Vous apprenez ce qui est réellement utilisé en entreprise.
Des formats variés pour mieux apprendre
Vidéos, cours écrits, PDF, quiz, exercices et auto-évaluations.
Des supports complémentaires pour mémoriser plus efficacement.
Une expérience d’apprentissage dynamique et engageante.
Des classes virtuelles pour aller plus loin
Plus de 10 000 classes en direct ou en replay.
Interagissez avec les formateurs et les apprenants.
Approfondissez les notions clés quand vous en avez besoin.
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.
Un objectif clair : votre réussite professionnelle
Des compétences pensées pour l’emploi.
Des contenus connectés au terrain.
Votre projet professionnel au cœur de la méthode Studi.
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.
Tarif
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
Inclus
(1)Sous réserve d’un crédit suffisant de vos droits formation CPF et d’un cas d’exonération d’une participation financière.
(2)Votre formation peut être financée par votre entreprise dans le cadre du plan de développement des compétences ou bien en prise en charge directe. L’employeur peut s’appuyer sur son OPCO pour obtenir une prise en charge partielle ou totale.
(3)Sous réserve d’acceptation. Vous disposez d’un délai de rétractation. Voir les conditions
(4)Hors Diplômes d’État et préparation aux concours.
(5)Nombre moyen de classes virtuelles en direct observées sur les 12 derniers mois (organisées majoritairement à partir de 18h)
(6)Voir les CGV Studi
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.
