Ma margelle céramique
Réalisation du site e-commerce
Lien du site : mamargelleceramique.fr
Contexte et besoins clients Entreprise vosgienne famliale spécialisée dans le façonnage du grés cérame, Ma margelle en céramique propose une large sélection de margelles pour des projets de piscine. Pour notre client, nous avons conçu un site e-commerce proposant une large gamme de margelles modernes et élégantes, conçues pour personnaliser et sublimer chaque projet piscine, tout en reflétant un savoir-faire artisanal unique, entièrement localisé dans les Vosges.
Valoriser le savoir-faire artisanal Nous avons adopté pour une approche de valorisation du savoir-faire artisanal. Grâce à un benchmark approfondi, nous avons intégré les meilleures pratiques du secteur, créant une interface moderne, intuitive et engageante. L’expérience utilisateur a été optimisée pour répondre aux attentes des clients, avec une segmentation précise pour adapter les contenus et les fonctionnalités.
Animations simples et harmonieuses
Nous avons priorisé des interactions simples afin de ne pas complexifier le parcours utilisateur et permettre à notre client de fidéliser plus rapidement ses prospects en futurs clients. Ces animations attirent et guident le regard de l’utilisateur avec finesse, mettant l’accent sur les éléments essentiels. Au survol d'une card product, une interaction de zoom dynamique s'active sur la texture du matériau, offrant à l'utilisateur un premier aperçu immersif et immédiat sur une spécificité principale du produit.
Design sobre
Le design du site est relativement sobre et le choix des couleurs est minimaliste. Une dominante de bleu sur les éléments d’interaction et les titres rappelle la couleur de la charte, tout en créant un bon contraste pour une lecture optimale et des appels à l’action clairs. Ce minimalisme permet de focaliser l'attention de l’utilisateur sur les articles.
L’accent est porté sur les miniatures produits. Nous avons créé des modèles de mises en situation (mockups) qui permettent de générer les visuels produits en projetant l’aspect de la margelle sur un modèle en perspective. Elles permettent une grande réactivité sur la mise en ligne de nouveaux produits sans devoir organiser de shooting photo, puisque notre client ajuste automatiquement ses photos à un type de produit et d’angle.
Parcours utilisateur simplifié & boutique en ligne performante. Les pages de la boutique s’organisent autour de trois grands critères : les aspects, les formats et les finitions. L’utilisation de filtres performants permet d’affiner la liste de produits. Le mega menu propose une navigation optimisée avec trois entrées principales par matériau (bois, béton, pierre), chacune divisée en deux sous-catégories selon le type d’angle. Cette structure claire et intuitive guide l’utilisateur vers la gamme adaptée en un minimum de clics (deux ou moins), améliorant ainsi son expérience et son parcours d’achat.
Les clients peuvent choisir la finition (découpe du bord) de leur margelle en sélectionnant parmi plusieurs vues de coupe directement sur la fiche produit. Un système sur-mesure permet au client de recevoir un ou plusieurs échantillons pour comparer les aspects.
Chaque fiche produit présente une description détaillée du produit, incluant ses dimensions, son épaisseur et son origine, ce qui permet aux utilisateurs de comprendre précisément ses caractéristiques. Des informations sur la disponibilité, le prix et les options de livraison sont clairement indiquées, facilitant le processus d'achat pour le client.