Diplôme · NIVEAU 6
Concepteur UI et webdesign
Diplôme de type Diplôme
Le diplôme en bref
Dans un marché de plus en plus dynamique, qui offre de nombreuses opportunités professionnelles, le métier de concepteur UI et webdesign est à la portée de tous les candidats intéressés par le web, le design et la création numérique. En effet, le design numérique est un secteur qui recrute de plus en plus puisque nous sommes, en 2023, en pleine accélération digitale. Les entreprises de toutes tailles font régulièrement appel à des UX/UI designers, que ce soit ponctuellement ou à plein temps selon leurs besoins. En effet, il est possible de trouver un emploi en tant que webdesigner dans tout type d’entreprises, en tant que salarié ou en freelance. La certification concepteur UI et Webdesign atteste des compétences de ces titulaires pour réaliser l'ensemble des activités visées part le métier : Dans un premier temps, une phase de réflexion sur chaque élément visuel est très importante. La première étape est un benchmark graphique afin de s’assurer d’aller dans la direction souhaitée par le client et rassembler les meilleures pratiques, les éléments les plus pertinents et rester à la pointe en termes de design. Ensuite, le concepteur UI et webdesign conçoit chaque page de son interface digitale et veille à la cohérence des visuels avec le “parcours utilisateur” pensé préalablement. Au quotidien, il travaille sur l’ensemble des éléments graphiques (taille, couleur, police...), l’organisation des pages, la navigation et les interactions avec l’interface. La plupart du temps, il va constituer une bibliothèque d’éléments. Plus tard le concepteur UI et webdesign réalise les zoning et les maquettes à développer. Il doit créer un design fonctionnel qui permettra à l’utilisateur d’arriver à son but. Il s’assure que sa réflexion sur le design soit alignée à l’expérience utilisateur. Pour mener à bien sa mission, le concepteur UI et webdesign va sans cesse tester l’interface auprès de son audience. Il s’assure que chaque élément ait un sens pour l’internaute. Si ce n’est pas le cas, il doit pouvoir affiner ses choix graphiques et proposer une autre solution. Pour tester ses propositions, il peut utiliser des outils numérique pour juger de la pertinence de ses choix.
Activités visées
-
- Recueil
-
et analyse des besoins et identification des différents enjeux ;
-
- Analyse et/ou conception du cahier des charges (ergonomie, mode de navigation, arborescence, scénarisation, identité visuelle et sonore, etc.) ;
-
- Benchmarck
-
- Conception de l'arborescence d'un projet digital et du visuel de la future interface
-
- Définition de la structure d'un design system
-
- Conception de la maquette et conception d’une interface web responsive prototype d’une interface digitale
-
- Création du contenu
-
- Conception d’une interface web responsive
-
- Mise en ligne du site internet et réalisation de test
-
- Création de bannière HTML5 (bannière publicitaire)
-
- Conception de vidéos motion design à destination des réseaux sociaux
Programme et compétences
-
- Etablir un état des lieux de la situation du client
-
- Réaliser un brief client
-
- Analyser le cahier des charges existant ou le concevoir
-
- Réaliser une étude de l’ergonomie des interfaces proposées par la concurrence (directe ou indirecte)
-
- Réaliser une étude du design des interfaces proposées par la concurrence (directe ou indirecte)
-
- Identifier le cœur de cible, les cibles principales et les cibles secondaires du projet Web
-
- Créer des personas liés au projet web
-
- Inventorier l’ensemble des contenus à créer
-
- Catégoriser et hiérarchiser les informations
-
- Réaliser les zonings d'une interface digitale
-
- Concevoir les wireframes d’une interface digitale
-
- Répertorier l’UX et l’UI d’un projet digital
-
- Structurer le design system d’un projet digital
-
- Concevoir la maquette d’une interface digitale
-
- Réaliser un prototype de l’interface digitale
-
- Créer un storytelling en tenant compte de la cible définie
-
- Créer le contenu
-
- Intégrer les pages HTML d’une interface digitale
-
- Créer des liens hypertexte, insérer des textes et des images avec les balises appropriées et leurs spécificités, modifier les pages HTML et les éléments en CSS et créer des animations CSS et JS
-
- Optimiser les pages de l’interface digitale
-
- Se connecter à un serveur distant FTP via à un logiciel dédié
-
- Mettre l’interface en ligne
-
- Tester l’interface en ligne
-
- Contrôler l’interface en ligne
-
- Créer des bannières HTML5
-
- Respecter les règles d’accessibilités dans la création des bannières
-
- S’approprier les spécificités des différents réseaux sociaux
-
- Promouvoir le concept ou le produit porté par l’interface digitale avec des vidéos motion design à destination des réseaux sociaux
Que faire après ce diplôme ?
En alternance
Alternance Graphiste & Monteur(se) Vidéo Design, Motion & Production Vidéo - Paris (H/F)
ISCOD · 75 - Paris 1er Arrondissement
Hier
Alternant(e) Graphiste Designer H/F MASTER 2
FLOXIA INTERNATIONAL · 55 RUE D'AGUESSEAU 92100 BOULOGNE-BILLANCOURT
Hier
Infographiste
AVENUE DE LA COM · 2 RUE DE LA CROIX MARTRE 91120 PALAISEAU
Hier
Frais de scolarité
Renseignez-vous auprès de l'établissement pour connaître les frais précis. Les tarifs varient selon le statut (public, privé) et le mode de formation (initial, alternance).
Ce diplôme est-il fait pour vous ?
Investigateur
Analytique, recherche, science
Artistique
Créatif, expression, design
Réaliste
Manuel, pratique, technique