Concepteur UI et Webdesign
Activité 1 : réaliser les travaux administratifs courants d’une structure : Compétences professionnelles
À partir des choix graphiques définis à la conception du projet, des instructions contenues dans le cahier des charges et des images choisies pour la production, réaliser des illustrations, des graphismes et des visuels afin d'élaborer un support de communication numérique.
En tenant compte des supports de destination, réaliser des illustrations vectorielles et bitmap (éléments d'interface, pictogrammes) ou des éléments à intégrer dans une animation, effectuer des retouches, créer des photomontages. Optimiser le poids et la qualité des réalisations, sélectionner le format d’enregistrement et définir la taille. Utiliser les différents éléments en respectant les droits d’auteur.
À partir des choix graphiques définis à la conception, des instructions contenues dans le cahier des charges ou communiquées par le responsable du projet ou de la demande directe du client, traiter ou créer des éléments graphiques, des visuels, pour concevoir l’interface d'un site ou d'une application, tout en tenant compte de l'ergonomie, de l'accessibilité, du référencement naturel et de la législation en vigueur (droit d’auteur, RGPD, loi de finance).
Analyser les interfaces existantes, les tendances du web et les évolutions des habitudes utilisateurs. Concevoir l'interface en réalisant des schémas (par exemple : zoning, wireframe) illustrant la position et le contenu des différents éléments (navigation, entête, contenu, pied de page). Décliner ces schémas pour différents types de périphériques. Définir une orientation graphique et une palette chromatique au travers de prototypes. Rechercher des visuels complémentaires (photos, illustrations, icônes). Sélectionner des typographies adaptées et gérer le texte pour optimiser la lecture sur écran. Structurer et hiérarchiser l'information, anticiper le référencement naturel (titres, sous-titres, listes, fil d’Ariane, etc.), définir une arborescence. Optimiser le poids, la taille et la qualité des réalisations en fonction des spécificités du support. Sélectionner le format d’enregistrement.
À partir du cahier des charges défini à la conception du projet, de la demande directe du client ou de médias fournis, concevoir et réaliser une animation pour différents supports et canaux de diffusion.
En utilisant des séquences filmées mises à disposition, réaliser un montage pour créer un clip vidéo et le transférer sur un site d'hébergement de vidéos en ligne.
Selon la nature de l'animation, concevoir un story-board en tenant compte des règles de cadrage, de rythme, d’échelle des plans et de mouvement. Définir l’aspect graphique de l’animation. Présenter et argumenter le concept et le story-board aux destinataires. En fonction du public, du périphérique cible et du message à communiquer, adapter les différents médias (typographies, illustrations, photos) et associer des effets visuels et des effets sonores. Intégrer les différents médias. Optimiser le poids, adapter la taille de l’animation et choisir le format d'enregistrement pour le support de diffusion (site web, périphérique mobile, réseau d’affichage dynamique). Après validation du client, publier l’animation sur un réseau ou sur un support numérique.
À partir du cahier des charges défini à la conception du projet, de la demande directe du client ou de médias fournis, concevoir et réaliser une animation pour différents supports et canaux de diffusion.
En utilisant des séquences filmées mises à disposition, réaliser un montage pour créer un clip vidéo et le transférer sur un site d'hébergement de vidéos en ligne.
Selon la nature de l'animation, concevoir un story-board en tenant compte des règles de cadrage, de rythme, d’échelle des plans et de mouvement. Définir l’aspect graphique de l’animation. Présenter et argumenter le concept et le story-board aux destinataires. En fonction du public, du périphérique cible et du message à communiquer, adapter les différents médias (typographies, illustrations, photos) et associer des effets visuels et des effets sonores. Intégrer les différents médias. Optimiser le poids, adapter la taille de l’animation et choisir le format d'enregistrement pour le support de diffusion (site web, périphérique mobile, réseau d’affichage dynamique). Après validation du client, publier l’animation sur un réseau ou sur un support numérique.
Activité 2 : Contribuer à la gestion et au suivi d'un projet de communication numérique
À partir de la collecte du besoin, du cahier des charges, de la demande du client, des choix de l'équipe de communication ou de marketing, préparer les différents supports et moyens de communication définis dans une stratégie webmarketing.
- Proposer un nom de domaine pertinent et sélectionner une offre d’hébergement adaptée.
- Sur la base des éléments fournis, élaborer un calendrier afin de planifier la production des contenus.
- Acquérir les éléments visuels et textuels et sélectionner les formats pertinents, en vue de réaliser les différents supports prévus.
- Utiliser des logiciels d’illustration vectorielle, de traitement d’image et de montage vidéo pour concevoir des éléments de communication web simples (à destination des réseaux sociaux…), tout en respectant la charte graphique.
- Élaborer des newsletters pour fidéliser les utilisateurs du site.
- Rédiger des contenus pour le web en tenant compte de la cible et de l’optimisation pour le référencement naturel.
- Déterminer les moments et les plateformes les plus pertinents pour publier son contenu, afin de susciter un meilleur engagement.
- Concevoir une page de vente (contenu, up-selling, cross-selling, panier...) et créer un entonnoir de conversion à partir de celle-ci.
- S’assurer de la cohérence de son planning par rapport à la stratégie webmarketing.
- Utiliser des logiciels spécialisés et des méthodes avancées de recherche pour suivre l’actualité technique et matérielle dans le cadre de son emploi.
- Identifier et exploiter des sources d’information multiples et fiables (presse spécialisée, sites concurrents, forums spécialisés, réseaux sociaux).
- Participer à des salons, des conférences et des rencontres, développer et entretenir un réseau de professionnels référents.
- Comparer, analyser et synthétiser de façon régulière et sélective les données collectées pour mettre à jour ses techniques en fonction des évolutions du secteur et prendre en compte les tendances graphiques et technologiques.
- Comparer, analyser et synthétiser les informations collectées en fonction de leur intérêt ou du projet.
- Formaliser les résultats de la veille et les partager avec ses collaborateurs.
- S’approprier une nouveauté et développer les compétences de ses collaborateurs sur le sujet.
Activité 3 : Réaliser, améliorer et animer des sites web
À partir des maquettes validées à la conception du projet et avec les différents médias préparés, réaliser l'intégration de pages web responsive et de newsletters, en tenant compte :
- des standards du web,
- du référencement naturel (données structurées, sitemap, durées de chargement des pages, etc.),
- de l'accessibilité et de l'ergonomie.
Collaborer avec un développeur pour adapter ou développer les scripts et améliorer l’expérience utilisateur.
- Ajouter des effets d'animation ou de transition.
- Intégrer des diaporamas, des carrousels, des animations ou des vidéos optimisées pour les différents navigateurs.
- Transférer les dossiers et fichiers du site en utilisant des outils de transfert de fichiers.
À partir des maquettes validées à la conception ou du cahier des charges et avec les différents médias préparés, mettre en place et adapter un système de gestion de contenu pour réaliser un site web personnalisé.
- Transférer les dossiers et fichiers du site en utilisant des outils de transfert de fichiers.
- Installer et configurer le système de gestion de contenu sur un serveur (base de données, droits des utilisateurs, paramétrage des URL, gestion des médias, sécurité).
- Intégrer la maquette en personnalisant le thème pour le client.
- Sélectionner, installer et paramétrer des thèmes ou modules complémentaires premiums et s’approprier leur fonctionnement grâce à la documentation fournie.
- Utiliser un constructeur de page (Bakery Visual Builder, Divi, Elementor, etc.) afin de réaliser des pages web complexes et dynamiques depuis le système de gestion de contenu.
- Configurer l'espace d'administration et réaliser un guide pour l'utilisateur.
- Tester les pages en local et en ligne dans différents navigateurs et sur différents périphériques.
- Réaliser des tests d'ergonomie auprès d'utilisateurs cibles, effectuer des analyses d'audience et de comportement.
- À partir des résultats des tests, des analyses et des retours utilisateurs, optimiser un site ou une application web pour améliorer l'expérience utilisateur et répondre aux besoins du client.
- Valider la conformité du code des pages.
- Réaliser un audit SEO.
- Optimiser le référencement naturel (code HTML / CSS, longue traîne, récurrence des mots-clés, balises meta, etc.).
- Apporter les améliorations pour optimiser les performances (temps de chargement, rapidité d'affichage, etc.).
- Soumettre le site aux différents moteurs de recherche.
Compétences transverses :
- Communiquer
- Organiser ses actions
- Apprendre en continu
