Ce projet est un test technique réalisé lors de ma candidature pour le poste de Webmaster pour ASUS France.

Réaliser une landing page responsive résumant les offres de l’été pour les différents produits ASUS Cette landing page devra avoir un bandeau de cookies et respecter 3 blocs distincts :

• un menu
• la bannière KV
• les gammes de produits

• Le menu comportera un logo ASUS + les différentes gammes : Zenbook, Vivobook, Gaming.
• Les liens du menu devront pointer vers les différentes gammes présentes sur la landing page.
• Ce menu devra être sticky. Faire en sorte de mettre en valeur le nom de la gamme dans le menu lors du défilement dela page. Exemple : si au scroll, la position est sur Vivobook, alors mettre en évidence le nom Vivobook dans le menu

• Utiliser la bannière KV fournie dans les assets. Attention au responsive.

Pour chaque gamme de produits, il faudra ajouter le titre de la gamme, ainsi qu’un petit texte sous le titre. Pour chaque produit de la gamme, il faudra ajouter :

• la photo du produit
• le nom du produit
• 3 KSP
• un prix barré + nouveau prix
• un CTA Where to Buy avec redirection vers les pages retailer FNAC, DARTY, LDLC et ASUS Store. Celui-ci ouvrira une fenêtre pop-up ou autres solutions avec les différents logos.

Afin d’obtenir les statistiques de clics de la page, pourriez-vous créer un environnement Google Analytics pour tracker les clics stratégiques de la landing page ?

Étape 1 : Créer un compte Google Analytics avec une adresse mail Google

Étape 2 : Intégrer le code de suivi à votre code

Étape 3 : Créer les events pour tracker les clics suivants :

• Clic CTA
• Clic Where to buy en fonction du retailer (Fnac Darty, LDC, ASUS Store)

https://sd-asus-lp.netlify.app/