Gestion de l'offre de formation et de la candidature en Nouvelle-Aquitaine
Éligible au compte personnel de formation
Créer son site web avec Webflow
ILLITH
Le + de cette formation
Vous devrez imaginer et prototyper une interface intuitive, structurer une expérience utilisateur engageante, et concevoir un site web professionnel, responsive et optimisé pour le référencement.
RNCP35634 - Concepteur Designer UI - Bloc 3
Objectif Général
Certification
Objectif
Découvrir les bases du web design.
Prendre en main les interfaces de Webflow et Figma.
Concevoir des prototypes et sites web interactifs et responsive.
Intégrer et gérer du contenu dynamique avec un CMS.
Optimiser le référencement naturel (SEO).
Structurer vos projets avec des méthodologies efficaces comme Client First.
Publier un site professionnel en ligne.
Type
Formation non conventionnée
Financeur
FINANCEMENT INDIVIDUEL
Référence
Sans objet
Organisme responsable et contact
ILLITH
NomFlorence VIGNEAU Tél.09.74.97.49.37 Mailcontact@illith.comDispositif
Non conventionnée / sans dispositif
Mesure
Non conventionnée / sans dispositif
Référence organisme
Sans objet
Conditions d'accès réglementaires
Sans objet
Prérequis pédagogiques
-Bac ou équivalent (niveau 4) -Connaissances de base en informatique et communication digitale -Créativité et intérêt pour le web design et le marketing digital
Publics visés
- Demandeur d'emploi
- Jeune de moins de 26 ans
- Personne handicapée
- Salarié(e)
- Actif(ve) non salarié(e)
Type de parcours
Mixte
Parcours de formation personnalisable ?
Oui
Niveau d'entrée requis
Niveau 4 : Baccalauréat (Niveau 4 européen)
Sélection
- Dossier
- Tests
- Entretien
- Inscription directe ou par un conseiller en insertion professionnelle
Accessible en contrat de professionnalisation ?
Non
Modalités d'enseignement (contacter l'organisme)
Sans objet
Validation de la formation
- Titre professionnel concepteur designer UI | Niveau 6 : Licence, licence professionnelle, BUT (Niveau 6 européen) | Code Certifinfo n°111423
Programme
Introduction et bases du HTML
Comprendre le rôle et l’importance du HTML dans le développement web.
Créer et organiser la structure de base d’une page web avec ,
Utiliser les balises essentielles comme
,
, ![]()
, et .
Ajouter des attributs pour enrichir et personnaliser les balises.
Créer des formulaires interactifs et fonctionnels.
Intégrer des contenus multimédias tels que des images, vidéos et audios.
Appliquer les bonnes pratiques de structuration et valider le code avec le W3C Validator.
Introduction et bases du CSS
Comprendre la structure et l’utilisation de CSS pour styliser des pages HTML.
Ajouter des styles simples pour la typographie, les couleurs et les marges.
Utiliser des sélecteurs, classes, et ID pour cibler les éléments HTML.
Créer des mises en page avancées avec Flexbox et Grid.
Ajouter des animations et des transitions pour dynamiser les interfaces.
Optimiser le rendu visuel sur tous les appareils avec un design responsive.
Appliquer les bonnes pratiques CSS pour un code propre et maintenable.
Introduction à Figma
Concevoir des prototypes avec Figma.
Utiliser les outils de création et de design.
Exporter et partager un prototype avec une équipe.
Les bases de Figma
Analyser les panneaux principaux : calques, pages et design.
Naviguer dans l’espace de travail : frames, calques et groupes.
Utiliser les outils de création : formes, texte, masques et images.
Organiser les éléments : grilles, repères, calques et contraintes.
Introduction aux plugins pour optimiser votre workflow.
Créer mon prototype sur Figma
Utiliser les raccourcis clavier pour un travail rapide.
Explorer les Design Systems : styles, variables et composants.
Les outils avancés : auto-layout, responsive, formes complexes.
Connexion des pages, animation basique et partage des prototypes.
Collaborer en équipe : commentaires, mode développeur et export.
Découvrir le design UI/UX
Comprendre l'UX : expérience utilisateur et habitudes.
Appliquer l'UI : tendances, équilibre visuel et inspirations.
Analyser des sites et landing pages pour trouver les bonnes pratiques.
Adopter le mobile first et intégrer les principes d'accessibilité.
Découvrir Webflow et le No Code
Qu’est-ce que le No Code et pourquoi l’utiliser.
Les fonctionnalités principales de Webflow.
Créer un compte et comprendre les différentes offres.
Explorer l’interface de Webflow étape par étape.
Structurer et organiser votre projet
Importer et organiser vos ressources (images, polices, vidéos).
Créer une page de Style guide pour standardiser vos designs.
Ajouter et structurer des éléments sur vos pages.
Créer un site responsive
Construire un header et un footer cohérents.
Développer votre site section par section.
Rendre votre site responsive pour mobile, tablette et desktop.
Dynamiser votre site avec un CMS
Créer un CMS pour gérer du contenu dynamique.
Ajouter facilement des articles, projets ou produits sur votre site.
Optimiser, publier et aller plus loin
Optimiser le SEO pour un meilleur référencement naturel.
Publier votre site en ligne avec une URL personnalisée.
Utiliser des outils avancés comme Relume pour booster votre productivité.Suite de parcours possible
Automatiser vos process avec Make - RNCP35634-Bloc 02 ou Bootcamp Chef de projet No Code pour Bloc 1 et 2
| Numéro Carif | Dates de formation | Ville | Organisme de formation | CPF | Info | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| 00571276Publiée le 19/02/2025 | du 03/03/2025 au 31/12/2025 Entrée / sortie permanente | Bordeaux (33) | ILLITH | |
 
| ||||||
| |||||||||||
Informations sur l'éligibilité au Compte Personnel de Formation (CPF)
Si vous n'avez pas encore ouvert votre compte personnel de formation suivez ce lien
Retrouvez sur le portail national toute l'information pour vous guider
*Pour vous accompagner dans la démarche, prenez contact avec un conseiller en
évolution professionnelle (CEP) plus d'infos
: ouverture de la formation à la candidature à venir
: publié ce jour et ouvert demain pour garantir un accès à la candidature simultanée entre les réseaux de prescripteurs
: ouvert à la candidature
: fermé à la candidature (date limite d'inscription dépassée et/ou plafond des candidatures autorisées atteint)
: formation terminée
