Web design 3.0 - cours gratuit de Skillbox, formation, Date: 29 novembre 2023.

1er niveau: Stagiaire

Vous apprendrez à concevoir des réseaux sociaux et à réaliser des diapositives pour des présentations. Vous pratiquerez également la conception de longreads, de pages de destination et de lettres pour les newsletters. Tâches avec lesquelles vous travaillerez :

Conception de bannière publicitaire

Explorez différents formats de bannières et extensions de fichiers. Maîtrisez les techniques de retouche les plus simples. Vous apprendrez à redimensionner une mise en page pour différentes tâches et à ajuster la taille des polices. Vous pouvez créer une bannière de haute qualité selon le brief du client.

Travailler avec des graphiques vectoriels
Découvrez pourquoi les concepteurs de sites Web utilisent des graphiques vectoriels. Apprenez à travailler en toute confiance avec les courbes, les calques et les outils de sélection. Vous pourrez colorier des illustrations en noir et blanc, modifier des logos textuels et disposer des dessins vectoriels prêts à l'emploi dans la mise en page.

Décoration de texte
Apprenez à appliquer les règles de composition et de typographie, à placer les accents de couleur et à concevoir le texte de manière qualitative, sur la base du livre de marque du client. Vous pouvez non seulement travailler avec l'apparence du texte, mais également modifier les titres pour les rendre attrayants.

Présentations et pages d'accueil des offres commerciales
Vous comprendrez comment structurer une grande quantité de données et les transformer en une belle image. Vous travaillerez avec des éléments typographiques complexes: faits, notes de bas de page, abréviations et pieds de page. Apprenez à utiliser des grilles modulaires, ainsi que des techniques de temporythmie et de psychologie des couleurs.

2ème niveau: Junior

Vous ferez les premiers pas vers la conception de sites Web multipages. Vous travaillerez avec des galeries, des formulaires d'inscription, des menus et d'autres éléments d'interface de base. Voici les tâches qui vous attendent à ce niveau :

Création d'un concept visuel pour le site
Vous apprendrez de quels éléments se compose un site Web multipage, comment réguler le niveau de bruit visuel et gérer l'attention des utilisateurs. Familiarisez-vous avec le processus de création d’un site Web à partir de zéro. Apprenez à structurer des projets dans Figma, à créer des mood boards et à interagir avec les maquettistes. Comprendre les aspects juridiques du design.

Développement de kits d'interface utilisateur
Découvrez les composants de base d'un kit d'interface utilisateur et les styles populaires pour sa conception. Vous maintiendrez un équilibre des couleurs dans la mise en page. Vous vous entraînerez à créer des paires de polices et des styles de projet. Vous pouvez créer un kit d’interface utilisateur de haute qualité basé sur le livre de marque du client.

Conception des en-têtes, pieds de page et menus
Vous comprendrez quelles polices et couleurs conviennent à ces 3 éléments. Apprenez à formuler des titres et des CTA, à créer une composition harmonieuse et à travailler avec des graphiques.

Conception de vitrine en ligne et de fiches produits
Vous comprendrez les microéléments d'une galerie et les formats de présentation de produits. Vous comprendrez en quoi consiste une simple fiche et un catalogue. Apprenez à regrouper les éléments et à les organiser dans un ordre convivial.

Travailler avec le formulaire d'inscription
Apprenez à créer des formulaires de commentaires que vous souhaiterez remplir. Apprenez à travailler avec les contrastes de couleurs et à organiser les champs dans le bon ordre.

Site multipage avec vitrine
Apprenez à utiliser des techniques de narration, des graphiques et des effets spéciaux simples dans la conception de sites Web. Vous comprendrez comment mettre en valeur les éléments importants sans sortir du style général. Préparez une mise en page de site Web pour la mise en page.

Niveau 3: Pré-milieu

A ce stade, les tâches les plus importantes et les plus ambitieuses vous attendent: concevoir une boutique en ligne, un site Web d'entreprise et une application mobile. Vous apprendrez non seulement à dessiner de belles mises en page, mais également à utiliser l'analyse pour créer des conceptions conviviales et fonctionnelles. Pour réussir le niveau, vous devez travailler sur ces tâches :

Conception du catalogue de produits
Familiarisez-vous avec les principes de la conception UX et UI. Apprenez à utiliser la méthode persona pour sélectionner des solutions de conception optimales. Découvrez ce qu'est l'approche mobile first et quand elle est appropriée. Vous serez en mesure de créer avec compétence une arborescence de produits, de configurer des filtres et de créer des aperçus pratiques.

Conception d'une carte avec des branches
Apprenez à créer une carte du parcours utilisateur et à analyser la conception des sites Web des concurrents. Découvrez les éléments dont vous avez besoin pour créer une carte de succursales claire et pratique. Vous pourrez placer correctement les accents visuels.

Travailler avec des fiches produits complexes
Vous comprendrez comment formuler des hypothèses lors de la création de conceptions complexes. Vous analyserez les solutions de conception standards et inhabituelles et serez capable de créer des cartes efficaces pour le site Web du client. Vous apprendrez à améliorer une conception à l'aide de l'animation dans After Effects, à transférer correctement le prototype fini aux développeurs et à effectuer un test A/B.

Page de paiement
Apprenez le processus d'achat en ligne et les techniques de marketing populaires qui vous aideront à créer un site Web qui vend. Vous pouvez créer une conception pratique du formulaire de confirmation de commande pour ordinateur de bureau et smartphone.

Formulaire d'inscription complexe
Découvrez ce qui motive les utilisateurs à s'inscrire sur les sites. Familiarisez-vous avec les principaux éléments du formulaire d'inscription et apprenez à les placer correctement sur la mise en page.

Page de paiement de livraison
Vérifiez les champs obligatoires et les boutons supplémentaires pour la page de livraison. Vous découvrirez ce que les concepteurs oublient souvent lorsqu'ils travaillent avec cette section du site et vous pourrez éviter les erreurs.

Espace personnel
Vous comprendrez quand les gens utilisent des comptes personnels. Apprenez à formater magnifiquement les statistiques sur les actions des utilisateurs pour les rendre compte au client. Vous pourrez rechercher des expériences clients et les utiliser pour améliorer votre conception.

Travailler avec les informations de commande
Vous pouvez créer des pages contenant des informations sur les commandes pour différents domaines de votre entreprise. Vous comprendrez comment ces données influencent le comportement des utilisateurs. Explorez différentes solutions visuelles et apprenez à utiliser les informations utilisateur.

Prise en charge de la conception du chat
Découvrez les éléments à prendre en compte lors de la création d'un chat. Apprenez à analyser le travail des chats sur les sites Web des concurrents, évitez leurs erreurs et remarquez les bonnes fonctionnalités.

Panneau de contrôle de site simple
Apprenez à travailler avec des données complexes nécessaires au fonctionnement normal du panneau d'administration. Vous pouvez concevoir le panneau de commande de manière à ce qu'il soit pratique, compréhensible et qu'il s'affiche bien sur n'importe quel écran.

Page pour les entreprises clientes
Vous comprendrez comment l’analyse comparative vous aidera à choisir des solutions de conception réussies. Apprenez à ajouter une animation à votre mise en page pour démontrer clairement l'interface au client.