UX/UI Designer

Objectifs

• Organiser et séquencer la conception du projet de design numérique, sa rentabilité et durabilité.


• Guider la réflexion artistique, créative et technique du projet de design numérique, impactant, novateur, responsable et engageant.


• Maquetter le projet de design numérique, en garantissant la cohérence, l'esthétique, l'accessibilité et l'impact visuel du projet, afin d'aligner les livrables attendus avec les objectifs définis dans le brief du commanditaire.


• Défendre une proposition finale de projet de design numérique adapté, auprès du commanditaire, en intégrant les maquettes, les contraintes organisationnelles et budgétaires.

Programme de la formation

Concevoir un projet Design UX et Design UI :

Architecture et développement

Comprendre les standards : le web d'aujourd'hui, l'hébergement

Comprendre les architectures techniques : les langages en présence, HTML, CSS, JavaScript, PHP, CMS
Appréhender l'intégration web : création simple d'une page WebDesign UX 

Comprendre ce qu'est l'UX Design et à quoi il sert

Maîtriser la démarche UX (le double diamant) et les livrables

Connaître ses utilisateurs et leurs objectifs

Maîtriser les conventions UX et règles pour créer de bonnes interfaces (heuristiques de Nielsen, Gestalt, lois de Fitts/Hick…)

Savoir faire les Wireframes et les prototypes et en comprendre les enjeux et mécanismes

Travailler en collaboration avec les différentes parties prenantes d'un projet
Design UI 

Contextualiser le design d'interface 
Figma 

Créer et paramétrer des frames, des formes et des textes

• Créer et utiliser des composants et des styles


• Poser une grille de mise en page


• Mettre en forme des éléments avec le padding et l'auto-layout


• Gérer le responsive design avec les contraintes


• Créer et paramétrer des variants de composants


• Créer des interactions entre les pages et les éléments


• Accéder à la community, utiliser des plug in's et des fichiers externes


• Publier un prototype et des assets

Mener une Idéation UX & UI, réaliser le wireframing et le maquettage graphique :

Idéation UX/UI, wireframing 
Contexte : projet refonte d'un site e-commerce (sujet attribué)

Sur la base d'interviews utilisateurs et de benchmark UX fourni, construire un parcours utilisateur

Réaliser un story mapping

Concevoir les wireframes des templates-clé au format desktop puis mobile
Idéation UI & maquettage graphique
Contexte : suite du projet de refonte

Sur la base d'un benchmark UI et d'éléments de marque fournis, élaborer une identité visuelle digitale

Sur la base des wireframes réalisés, concevoir les maquettes graphiques des templates-clé au format desktop puis mobile

Fournir un UI kit
Soutenance du projet 

Présenter les livrables réalisés devant un jury 

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique