Site vitrine de Jardimat

– Création du site vitrine en responsive design à partir de la charte graphique issue du nouveau catalogue
– Conception des pages types : homepage, liste produits, fiche produit et tunnel “mon compte”
– Création et intégration des bandeaux ainsi que des contenus (descriptions produits, mots-clés et blocs des fiches produits)
– Optimisation des images (poids) et du référencement naturel avec ajout des balises ALT et des métadonnées

Brief client :

Le projet consiste à créer le site Jardimat afin de refléter l’identité de la marque. Jardimat est une marque B2B spécialisée dans les produits d’aménagement extérieur destinés à la distribution grand public et aux enseignes spécialisées. Le site doit répondre à deux objectifs : valoriser l’offre produit et accompagner une logique de vente orientée Do It Yourself.

Deux pistes graphiques explorées :

Dans un premier temps, une piste immersive a été imaginée. Elle plonge l’utilisateur dans l’univers de l’aménagement extérieur grâce à de grands visuels. Par ailleurs, une seconde piste plus artisanale a été développée. Elle s’inspire du fait main et de l’univers Do It Yourself propre à Jardimat. Finalement, cette seconde approche est retenue, avec un effet graphique inspiré de la peinture et du rendu manuel.

Réalisations :

J’ai conçu les gabarits des pages sous Photoshop avec des déclinaisons adaptées aux formats tablette et mobile. Ensuite, j’ai rédigé un cahier des charges détaillé destiné au développeur, incluant les contraintes techniques et les animations souhaitées. J’ai également développé un système de recolorisation en temps réel. Cette fonctionnalité permet aux utilisateurs de visualiser les produits dans différentes teintes et de mieux se projeter.

Technologies utilisées :

• PrestaShop 1.6.1.18 (JavaScript, PHP / SQL, XML)
• Bootstrap (responsive design)
• CSS (mise en page)
• jQuery (gestion des sliders)
• Réseaux sociaux : LinkedIn, Facebook, YouTube, Pinterest, Instagram

Autres informations :

• Date de mise en ligne : 16/07/2021
• Client : Jardimat – Groupe Burgermeister
• URL : www.jardimat.fr