Formation design Shopify

Leçon 1 • Architecture des thèmes Shopify

Explique comment les thèmes sont structurés à l'aide de modèles, de sections et de blocs. Cette base est nécessaire avant toute personnalisation ou modification de code d'un thème.

Leçon 2 • Aperçu de l'écosystème Shopify

Couvre le rôle de Shopify dans le commerce électronique, les niveaux d'abonnement et la terminologie de base. Établit le modèle mental nécessaire pour toutes les décisions de conception ultérieures.

Leçon 3 • Configuration de base de la boutique

Couvre les paramètres essentiels de la boutique, notamment la devise, les zones d'expédition et les passerelles de paiement. Une configuration appropriée empêche un travail de conception d'être compromis par des fonctionnalités défectueuses.

Leçon 1 • Hiérarchie visuelle dans la conception pour le commerce de détail

Enseigne comment diriger l'attention des acheteurs à l'aide de l'échelle, du contraste et de l'espacement. Informe directement les décisions de mise en page tout au long du cours.

Leçon 2 • Typographie pour le commerce électronique

Traite de la sélection des polices, de leur association et de leur hiérarchie pour les mises en page axées sur les produits. Une bonne typographie améliore la lisibilité et la qualité perçue de la marque.

Leçon 3 • Théorie des couleurs pour les boutiques en ligne

Couvre la psychologie des couleurs, la construction de palettes et la cohérence de la marque dans le commerce de détail. Les étudiants construisent des palettes qui renforcent la confiance et incitent à l'action.

Leçon 4 • Principes d'UX pour la conversion

Introduit la réduction des frictions, les signaux de confiance et les modèles de conception persuasive. Ces principes guident chaque décision de mise en page et de composant dans les chapitres suivants.

Leçon 1 • Conception de la navigation et des menus

Configure les menus principaux, les menus déroulants et la navigation du pied de page pour la convivialité. Une navigation claire réduit directement le taux de rebond et améliore la découverte des produits.

Leçon 2 • Conception de la mise en page de la page d'accueil

Construit une page d'accueil à fort taux de conversion à l'aide de sections héroïques, de collections mises en avant et d'éléments de confiance. La page d'accueil est la première impression la plus critique pour les acheteurs.

Leçon 3 • Évaluation et choix des thèmes

Couvre les critères de sélection des thèmes gratuits ou payants en fonction du créneau et des besoins fonctionnels. Un bon choix de thème réduit considérablement le temps de développement personnalisé.

Leçon 4 • Configuration de l'image de marque dans les thèmes

Applique les logos, les couleurs de la marque et la typographie via les paramètres du thème. Établit l'identité visuelle de la marque sur toutes les pages de la vitrine.

Leçon 1 • Mise en page du titre et de la description du produit

Structure les titres, descriptions et puces des produits pour la lisibilité et le SEO. La mise en page affecte directement à la fois le taux de conversion et la visibilité dans les recherches.

Leçon 2 • Affichage des variantes et des options

Conçoit les échantillons de couleurs, les sélecteurs de taille et les champs de quantité pour plus de clarté et de facilité d'utilisation. Une mauvaise expérience utilisateur des variantes est une cause majeure d'abandon des pages produit.

Leçon 3 • Stratégie d'images produit

Couvre les types d'images, les ratios d'aspect, les fonctions de zoom et la disposition des galeries pour les produits. Des images de qualité sont l'élément ayant le plus d'impact sur une page produit.

Leçon 4 • Conception du bouton Ajouter au panier et Acheter

Optimise l'emplacement, la taille, la couleur et le texte du bouton CTA pour un taux de clics maximal. Le bouton Ajouter au panier est l'élément de conversion le plus critique sur la page.

Leçon 1 • Pagination et défilement infini

Compare les modèles de pagination, « charger plus » et défilement infini pour l'UX du catalogue. Le bon choix dépend de la taille du catalogue et des exigences SEO.

Leçon 2 • Modèles de mise en page des pages de collection

Couvre les vues en grille vs. en liste, le nombre de colonnes et la conception de la bannière de collection. Les choix de mise en page affectent directement le nombre de produits avec lesquels les acheteurs interagissent.

Leçon 3 • Systèmes de filtrage et de tri

Construit des filtres à facettes et des options de tri qui correspondent aux modèles mentaux des acheteurs. Un filtrage efficace réduit le temps d'achat pour les catalogues à grand nombre de SKU.

Leçon 1 • Modification des modèles et des sections

Modifie les fichiers de modèles et de sections de thème existants pour modifier la mise en page et la logique. Cette compétence comble le fossé entre les limites de l'Éditeur de thème et la personnalisation complète.

Leçon 2 • Objets Liquid Shopify

Cartographie les objets clés de Shopify tels que le produit, la collection, le panier et le client. Connaître les objets disponibles permet une conception de modèles dynamiques et axée sur les données.

Leçon 3 • Construction de sections personnalisées

Crée de nouvelles sections réutilisables avec des paramètres définis par schéma pour l'Éditeur de thème. Les sections personnalisées offrent aux commerçants un contrôle flexible et sans code sur les nouvelles mises en page.

Leçon 4 • Notions fondamentales du langage Liquid

Introduit la syntaxe Liquid, y compris les objets, les balises et les filtres. Comprendre Liquid est la porte d'entrée vers toute personnalisation significative du code de thème.

Leçon 1 • Techniques de style personnalisé

Applique des surcharges CSS ciblées pour la typographie, l'espacement, les boutons et les cartes. Les étudiants obtiennent un alignement précis de la marque sans compromettre les valeurs par défaut du thème.

Leçon 2 • Intégration de scripts tiers

Couvre les méthodes sûres pour ajouter des scripts d'analyse, de chat et de marketing aux thèmes. Un chargement incorrect des scripts dégrade les performances et compromet les fonctionnalités.

Leçon 3 • CSS responsive pour Shopify

Écrit des media queries et des styles fluides qui adaptent les mises en page sur tous les points de rupture. Garantit que les styles personnalisés ne nuisent pas à l'expérience mobile.

Leçon 4 • Architecture CSS Shopify

Explique comment les thèmes organisent les fichiers CSS, les variables et les couches de spécificité. Comprendre la structure CSS existante évite les conflits et les régressions.

Leçon 1 • Assurance qualité avant le lancement

Exécute une liste de contrôle QA structurée couvrant les liens, les formulaires, le flux de paiement et le contenu. Un contrôle qualité approfondi garantit un lancement de boutique professionnel et sans erreur.

Leçon 2 • Normes d'accessibilité dans Shopify

Applique des pratiques alignées sur les WCAG, y compris le texte alternatif, la navigation au clavier et le contraste des couleurs. Les boutiques accessibles servent plus de clients et réduisent l'exposition juridique.

Leçon 3 • Tests multi-navigateurs et multi-appareils

Teste l'apparence et les fonctionnalités de la boutique sur différents navigateurs, appareils et tailles d'écran. Détecter les problèmes avant le lancement protège les revenus et la réputation de la marque.

Leçon 4 • Optimisation des performances de la boutique Shopify

Identifie et résout les goulots d'étranglement de vitesse, notamment la taille des images, le gonflement des applications et les scripts bloquant le rendu. Les boutiques rapides se classent mieux et convertissent mieux.