Formats – Réseaux Sociaux
INSTAGRAM Post: 1080 x 1080 Nouveau format recommandé : 1080 x 1350 (ratio 4:5) Story et reels : 1080 x 1920 Photo de profil : 320 x 320 (recommandé) *Attention de bien centrer le contenu, car le contenu s’adaptera à la forme circulaire. FACEBOOK Photo de profil : 1080 x 1080 ou 1200 […]
Dimensions optimales – Site web
Maquettes Desktop 1920 px Maquettes Mobiles 400 px Favicon 512 x 512 px Menu Hauteur : 50-100 px Caractères Desktop Titre (H1) : 32-48 px Sous-titre (H2) : 24-32px Sous-sous-titre (H3) : 18-24px Texte : 16-18px Petit texte : 12-14px Boutons : 16-20 px Mobile : Titre (H1) : 24-32 px Sous-titre (H2) : 20-24px […]
L’accessibilité en design web : Assurer une expérience inclusive pour tous
L’accessibilité en design web est un enjeu crucial pour garantir que toutes les personnes, indépendamment de leurs capacités, puissent naviguer sur Internet sans obstacles. Cela inclut les personnes en situation de handicap, qu’il s’agisse de déficiences visuelles, auditives, motrices ou cognitives. Au Canada, où la diversité des utilisateurs est immense, l’accessibilité devient non seulement une […]
Nomenclature et gestion des fichiers
Site web XD : SW_Client.xd Maquettes : Sprint0-Nom-page_Client.png Gestion des fichiers de sites web : Dossier XD Un fichier XD par site web contenant tous les sprints. Conserver uniquement la version la plus récente de chaque page. Chaque sprint doit être clairement identifié en vert dans le fichier XD pour faciliter la navigation et le […]
Tendances design 2025
Micro-interactions et animations de défilement Les micro-interactions sont de petites animations subtiles qui rendent le contenu web plus attrayant grâce au mouvement et à l’interaction. Elles fournissent des conseils et un retour d’information clairs et intuitifs sans occuper beaucoup d’espace. Des exemples incluent les effets de survol, les icônes de chargement et les transitions animées. […]
Contrainte d’intégration infolettre Mailchimp
Contexte : le service d’intégration est limité concernant l’intégration des infolettres sur mailchimp, la plateforme n’étant pas très flexible. Voici la liste à prendre en compte lors de la conception du design : Largeur : 660 px L’utilisation des polices disponibles sur mailchimp (voir la liste ci-dessous). Ne pas mettre des images de background qui […]