Guide: Page d'accueil
La page d'accueil est la première page sur laquelle les clients atterrissent lors de la visite du site Web de la KFC. Il donne le ton à toute l'expérience — il est donc essentiel de la tenir à jour visuellement et localement.
Où vous le voyez au front
La page d'accueil couvre deux domaines principaux :
Hero Banner — la bannière pleine largeur en haut de la page d'accueil. Il s'agit de l'immobilier le plus important sur le site et est généralement utilisé pour les lancements de campagne, les promotions saisonnières ou les projecteurs produits. La bannière est locale-spécifique, de sorte que chaque marché peut afficher une image différente.
Titre de page d'accueil — le titre affiché sur la page d'accueil, également modifiable par localité. Ceci est souvent utilisé pour accueillir les clients avec une copie spécifique au marché.
Les bannières de page d'accueil devraient avoir ** messages simplifiés** — enregistrer la construction de l'offre complète pour la page Deals. Concentrez-vous sur les éléments de base 1-2, limitez le texte sur l'image et assurez-vous que le héros ne se détourne pas de l'objectif principal de la page d'accueil : la localisation.
L'image de la bannière est téléchargée à une résolution unique de 3840×606px (PNG). À l'intérieur de ce rapport, le centre 2:1 définit la "zone de sécurité":
- ** Côté droit** — recommandé pour le texte de commercialisation
- ** Côté gauche** — couvert par le widget de localisation sur des points d'arrêt moyens et grands
- Surface saignée — cultures ou extensions selon la largeur de l'écran; utilisation uniquement pour soutenir l'imagerie
Que configurer dans Contentful
Mise à jour du titre de la page d'accueil
- Dans Contentful, recherchez la page d'accueil ** Type de contenu
- Ouvrir la page d'accueil
- Localiser le champ Titre - Anglais et mettre à jour la copie
- Les modifications sont reflétées dans l'aperçu instantanément — double vérification avant publication
Mise à jour de la bannière Hero
- Ouvrez l'entrée de la page d'accueil et faites défiler vers le bas à **
- Cliquez sur l'entrée Hero pour le local que vous voulez mettre à jour — cela ouvre une nouvelle fenêtre d'édition
- Vous verrez 5 fentes de taille d'image: Extra petite, petite, moyenne, grande, extra grande
- Cliquez sur l'image ou le bouton paramètres pour modifier
** Remplacer l'actif actuel (recommandé) :**
- Cliquez sur la section image pour ouvrir l'éditeur Header Banner Asset
- Cliquez sur Ouvrir le sélecteur de fichier pour télécharger un nouveau fichier
- Prise en charge du contenu JPEG, PNG, WebP et plus
- Télécharger ou glisser dans votre image
- Cliquez sur Publier les modifications pour le faire vivre
Répétez ce processus pour chaque localité qui a besoin d'une bannière différente.
Cas d'utilisation
** Lancement de la campagne de saison** — Téléchargez une nouvelle bannière de héros lorsqu'une promotion majeure (p. ex. lancement d'un nouveau produit ou campagne de vacances) commence. Utilisez l'application Lancer pour l'organiser pour aller en direct à minuit sans avoir besoin de personne en ligne à ce moment-là.
Localisation du marché — Chaque local a son propre titre et son propre drapeau, de sorte qu'un marché australien peut afficher une promotion estivale alors qu'un marché britannique en montre un hiver simultanément.
** Test de bannière A/B** — Échanger des bannières entre les lieux pour tester des approches de messagerie sans déploiement.
Conserver le contenu frais — La rotation régulière du héros de la page d'accueil améliore l'engagement des clients et garantit que le site ne se sent pas bloqué entre les grandes campagnes.