Identité visuelle
Votre identité visuelle, c'est ce qui fait dire « c'est cette marque, pas un magasin générique ». DZBuild vous laisse configurer chaque élément depuis une seule page : Tableau de bord → Personnaliser (/dashboard/customize).
Logo
Téléversez depuis Tableau de bord → Personnaliser → Marque → Logo.
| Spécification | Recommandé |
|---|---|
| Format | PNG (fond transparent) ou SVG |
| Ratio d'aspect | ~3:1 (plus large que haut) |
| Résolution | Minimum 300 × 100 px |
| Taille max | 1 Mo |
Le logo apparaît dans :
- L'en-tête de la boutique
- L'en-tête du tableau de bord (vous, connecté)
- Les reçus de commande (PDF)
- Les étiquettes de livraison imprimées pour les coursiers
- Les emails envoyés aux clients
Si vous téléversez un PNG / SVG transparent, le logo s'intègre aussi bien sur les en-têtes clairs que sombres. Évitez d'incruster une couleur de fond dans le fichier du logo.
Favicon
La petite icône dans l'onglet du navigateur. Tableau de bord → Personnaliser → Marque → Favicon. Utilisez un PNG ou ICO carré en 32 × 32 px (ou plus — nous le réduisons).
Le favicon personnalisé est disponible uniquement sur les plans Illimité et Entreprise. Les boutiques Gratuit et Pro affichent le favicon DZBuild par défaut. Mettez à niveau depuis /dashboard/subscribe — le bouton ▶ Comment renouveler lance une visite guidée dans l'application, et des vidéos sont disponibles sur la chaîne YouTube DZBuild.
Image sociale (Open Graph)
Affichée quand l'URL de votre boutique est partagée sur Facebook, WhatsApp, Telegram ou Instagram DM. Tableau de bord → Personnaliser → Marque → Image OG (parfois étiquetée Image de carte sociale).
| Spécification | Recommandé |
|---|---|
| Taille | 1200 × 630 px |
| Format | JPG ou PNG |
| Taille max | 300 Ko |
| Contenu | Logo + visuel produit + accroche. Évitez les petits textes — ils deviennent illisibles dans les aperçus. |
Bannières de boutique
La zone hero / promotionnelle sur la page d'accueil. Chaque thème a 1 à 3 emplacements de bannière.
- Recommandé : 1920 × 600 px JPG, ≤ 300 Ko.
- Chaque bannière peut pointer vers un produit, une catégorie ou une landing page.
- Le thème Digital a son propre uploader de bannière à
/dashboard/customize/digital/upload-banner— utilisez-le depuis la page de personnalisation Digital.
Couleurs
Choisissez quatre couleurs de base :
- Primaire — accent dominant (boutons, liens, états hover).
- Secondaire — accent de support (badges, surlignages).
- Fond — couleur d'arrière-plan principale (généralement blanc ou off-white).
- Texte — texte courant (généralement
#111ou un noir cassé).
L'aperçu en direct montre votre boutique et votre tableau de bord se mettre à jour pendant que vous choisissez. Certains thèmes (Prestige, Showcase) exposent des couleurs d'accent supplémentaires et un curseur d'opacité d'overlay hero.
Typographie
Choix de polices pour la boutique :
| Police | Langues |
|---|---|
| Cairo | Arabe + latin (par défaut — couvre bien les deux) |
| Tajawal | Arabe + latin |
| Almarai | Arabe |
| Inter | Latin uniquement |
| Roboto | Latin uniquement |
Choisissez une police principale (texte courant). Certains thèmes acceptent une police de titres séparée — gardez-les harmonieuses ou utilisez une seule police pour les deux.
Nom de la boutique et description meta
Le nom de la boutique apparaît dans l'onglet du navigateur, l'aperçu OG / carte sociale, les résultats de recherche, et l'en-tête de boutique (quand aucun logo n'est défini). Restez court — 2 à 4 mots, c'est l'idéal.
La description meta (160 caractères max) est ce qui apparaît dans les snippets Google. Incluez votre catégorie et votre proposition de valeur.
Réinitialiser la personnalisation
Si une session de personnalisation a mal tourné, Tableau de bord → Personnaliser → Réinitialiser (/dashboard/customize/reset) restaure les paramètres par défaut du thème. Vos produits et commandes ne sont pas affectés — seul l'aspect visuel.
Conseils pour la cohérence de marque
- Utilisez le même fichier logo sur la boutique, l'emballage, les profils sociaux et les reçus. La cohérence construit la confiance.
- Limitez-vous à deux couleurs d'accent maximum — trop, ça fait amateur.
- Limitez-vous à une ou deux polices au total — corps + titres.
- Utilisez vos vraies photos produit, pas du stock — les acheteurs algériens repèrent les images stock instantanément et ça tue la conversion.
- Testez l'image OG en partageant votre URL dans une discussion WhatsApp privée d'abord ; itérez jusqu'à ce que l'aperçu soit bon.