Site vitrine de KSM Production

– Je crée le site vitrine en responsive design à partir d’une charte graphique conçue pour la marque
– J’élabore les gabarits types : homepage, gamme produit, liste produits, fiche produit et pages CMS
– Je crée et j’intègre les bandeaux ainsi que les contenus (textes produits, mots-clés et blocs des fiches produits)
– J’optimise les images et le SEO avec l’ajout des balises ALT et des métadonnées

Brief client :

Le projet consiste à créer le nouveau site KSM Production, fabricant de produits d’aménagement extérieur en aluminium soudé. L’objectif est de valoriser le positionnement haut de gamme de la marque et son savoir-faire reconnu dans le secteur. Le site doit également proposer une navigation simple et intuitive, adaptée aussi bien aux professionnels qu’aux particuliers.

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

Dans un premier temps, je propose trois directions artistiques afin d’explorer différents univers graphiques. Par ailleurs, la troisième piste est retenue. Plus épurée, elle s’oriente vers un univers premium basé sur une palette blanc, bleu et doré.

Le bleu renforce la fiabilité et la confiance. Le doré remplace l’orange historique afin de valoriser le positionnement haut de gamme et les appels à l’action. Enfin, le site intègre une navigation à double entrée. Une première pour les clients finaux. Une seconde pour les professionnels, afin d’accéder rapidement aux gammes produits.

Réalisations :

Dans un premier temps, je conçois les gabarits des pages sous Photoshop avec des déclinaisons adaptées aux formats tablette et mobile. Ensuite, je rédige un cahier des charges détaillé destiné au développeur. Il précise les contraintes techniques et les animations attendues. Je développe également un système de recolorisation en temps réel sur les fiches produits. Cette fonctionnalité permet aux utilisateurs de personnaliser les produits et de mieux se projeter.

Mise à jour 2024 :

À la suite de l’adoption du nouveau logo (vert), je mets à jour l’ensemble des gabarits afin d’assurer la cohérence avec la nouvelle identité de KSM Production.

Technologies utilisées :

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