Le Mouton A 5 Pates Web Design Lg

Le Mouton à 5 Pâtes

Un atelier céramique cherche à développer sa présence en ligne
  • Web Design
  • Intégration
  • Site Internet (Vitrine)
  • Maintenance

Objectifs

Créer un site vitrine pour permettre une meilleure visibilité en ligne pour cet atelier artisanal de poterie. Avec une fiche Google My Business à jour, il manquait un lieu permettant d’offrir plus d’informations aux visiteurs sur ses créations, ses cours …

Outils

Wordpress, Bricks Builder, Adobe XD, Custom CSS/JS

Approche & solution

Le Mouton à 5 Pâtes, un chouette atelier céramique situé dans le village de Docelles, dans les Vosges ! Proposant des créations uniques faites-main, et des cours de tournage, cet atelier a donc souhaité un site web pour mettre tout ça en avant. En me basant sur leur logo, utilisant des tons dorés, un chouette univers graphique a été créé ! Utilisant un beau ton d’ocre, du beige clair, et des jolies dessins illustrés pour renforcer l’aspect artisanal des créations, dès leur conception. L’ensemble du site utilise des belles photos des céramiques, de l’atelier et du céramiste.

Le site a une architecture simple, qui dirige rapidement les visiteurs vers les informations clés : les créations, les cours proposés, une présentation de l’atelier, et une page contact.

Les Créations – un regard sur la galerie d’images

Aujourd’hui, le site n’est pas marchand. De ce fait, la page des créations met en avant les différents produits de l’atelier à travers une galerie d’images. Cette galerie présente les créations artisanales de mon client avec une mise en page Masonry, permettant aux images de s’imbriquer automatiquement en fonction de leur dimensions, en X nombre de colonnes qui, elles, sont fixes en largeur. Portrait ou paysage, il n’y a plus le problème de couper les images en forçant la forme carré d’une grille basique. Facile à mettre à jour, mon client n’a qu’à télécharger ses images dans les médias de WordPress et leur attribuer une catégorie existante. Automatiquement, la galerie se met à jour avec les nouveautés : aucun besoin d’aller dans l’éditeur !

🔸 Des boutons pour filtrer par catégorie ont été mis en place pour parcourir les créations plus facilement !

🔸 En cliquant sur une image, une Lightbox apparaît, c’est à dire un genre de pop-up qui s’ouvre permettant de voir l’image en plus grand !

Des plugins très robustes existent également pour créer et filtrer des galeries, mais en fonction du budget et besoin client ils peuvent ne pas être nécessaires, comme ici ! La galerie a été intégrée en utilisant une bibliothèque Javascript Isotope et des fonctionnalités basiques de filtrage par catégorie, natives à l’outil d’intégration utilisé.

Le choix des outils étaient vite fait. Spécialiste de WordPress, et outil préféré grâce à son écosystème développé et une communauté riche, le site a été créé en utilisant Bricks Builder, un constructeur de page puissant, orienté développeur. Le choix de WordPress, hormis ma spécialisation, a aussi été fait pour prévoir une marge d’évolution pour le site. En effet, aujourd’hui le site n’est pas marchand, mais demain ? Penser aux évolutions possibles de l’entreprise est important, car faire un site sur un outil moins souple, ou qui ne permet pas l’intégration de fonctionnalités marchandes, aurait créé des problèmes futurs pour mon client ! De cette manière, lorsque Le Mouton à 5 Pâtes sera prêt pour vendre ses créations en ligne, nous pourrons construire sur cette base solide, et non commencer à zéro sur une autre plateforme.

Le résultat du lancement ? Plus de contacts ! 

Depuis la mise en ligne du site, mon client a bénéficier d’une haute de la prise de contact pour des renseignements ! Avant le site internet, Le Mouton à 5 Pâtes avait que sa fiche Google My Business avec seuls les coordonnés Téléphone et Adresse. Un Instagram est utilisé, mais n’est pas relié à la fiche. Résultat : peu connu, peu de contacts.

Rentre en jeu : un nouveau site web qui crédibilise l’atelier et le professionnalise ! L’atelier est mis en avant, et la prise de contact est facilité grâce à un formulaire de contact. En effet, être joignable par téléphone est très important, mais proposer un moyen de contact asynchrone qui permet au visiteur d’envoyer un message au moment que ça lui convient. Autre avantage souvent oublié : nous n’aimons pas tous téléphoner ! Permettre une prise de contact via message / email répond aussi au besoin des personnes plus discrètes / introverties/ timides ! L’email permet de poser le cadre, les questions, garder une trace – ce n’est pas étonnant que ça reste un canal de communication principal.

Depuis la mise en ligne du site, l’atelier bénéfice d’une prise de contact régulière. Sa visibilité est augmenté, et son profil Google My Business plus complet – indispensable pour des commerçants locaux.

Le Mouton A 5 Pates Web Design Lg

Découvrir d'autres pages du Carnet

Voyageces Site Internet Web Design

VoyageCES

VoyageCES, créé par l’Agence PCI, est spécialisé dans l’organisation de voyages professionnels au CES de Las Vegas ...

3 téléphones montrant la version responsive du site e-commerce Eliteshell

Eliteshell

Le projet consistait à concevoir un site e-commerce international, capable de gérer des règles de vente complexes ...

Ikigaï Studio

Ikigai Studio est une salle de sport située à Chamonix, proposant des cours collectifs et un accompagnement ...

WOAD Luxury Travel

WOAD Luxury Travel est une conciergerie de luxe proposant des services sur mesure pour une clientèle internationale, ...

Swift Marine Web Design Site Internet

Swift Marine

Suite à l’acquisition de Swift Marine, mon client souhaitait moderniser le site existant pour mieux refléter la ...

Sven Vineis Web Design Site Internet

Sven Vineis

L’objectif de ce site était très clair : mettre en avant ses réussites sportives et ses partenaires. ...

Le Choucas Restaurant Web Design Site Internet

Le Choucas

Avec le rachat du restaurant Le Choucas, à Manigod en Haute-Savoie, les objectifs étaient multiples ! Tout ...

Jungle Jar Site Internet

Jungle Jar

Faire un projet fictif n’est pas vide de sens ! Ça permet de travailler sa créativité, tester ...

Van Life Web Design Site Internet

Van Life

Créer un web design pour un projet imaginé : un site pour les passionnés de la van ...