Site vitrine de KSM Production

– Création du site vitrine en responsive design en créant la charte graphique (cette charte est appliqué au catalogue, au tarif et aux posts réseaux sociaux).
– Création des pages gabarits type (homepage, gamme produit, liste produits, fiche produit, page CMS type…)
– Création et Intégration des bandeaux et du contenus (descriptions des produits + mots clés + les blocs composants les fiches produits)
– Optimisation des images (poids) et du SEO (ajout des alt, méta description…)

Brief client :

Créer le nouveau site vitrine de KSM Production, fabricant de produits d’aménagements extérieurs en aluminium soudé. Faire ressortir le côté haut de gamme et le savoir-faire de la marque qui est reconnue comme telle dans le secteur. Le site doit être facile d’utilisation pour le professionnel comme pour le particulier.

Création et présentation de trois pistes créatives :

Une fois la présentation faite, la dernière a été retenue. Plus épurée et résolument axée luxe, elle repose sur une palette de blanc, bleu et doré.

Dans la symbolique des couleurs :

• Le bleu évoque la fiabilité et instaure un sentiment de confiance.
• Le doré, en remplacement de l’orange habituel, exprime la créativité et l’inventivité de la marque en matière de personnalisation des produits. Il permet également de mettre en valeur les Call to Action stratégiques.

Le site intègre une navigation à double entrée :

• Une pour le client final, orientée expérience et accompagnement.
• Une pour les professionnels, qui connaissent déjà les gammes et produits.

Réalisations :

• Création des gabarits des pages sous Photoshop, avec déclinaisons pour tablette et mobile.
• Rédaction d’un cahier des charges détaillé pour le développeur, incluant les contraintes techniques et les animations souhaitées.
• Développement d’un système de recolorisation en temps réel dans la fiche produit, offrant aux clients une expérience immersive pour mieux se projeter dans leur futur achat.

Update 2024 :

Suite à l’adoption d’un nouveau logo, les gabarits des pages ont été mis à jour pour assurer une cohérence visuelle avec la nouvelle identité de la marque.

Technologies utilisées :

• Prestashop 1.7.8.6 (JavaScript, PHP/SQL et XML)
• Bootstrap (responsive design)
• CSS (mise en page)
• jQuery (sliders)
• Réseaux sociaux : Linkedin, Facebook, Youtube, Pinterest, instagram