Redesign de la boutique Muller Messer

Au printemps 2025, j'ai travaillé avec Monsieur Mueller de Mueller messer pour relooker son site web. Il n'avait pas fait beaucoup de travail sur son site depuis 10 ans, et j'ai été particulièrement frappé par le contraste entre la haute qualité de son produit et le manque total d'attrait visuel de son site. J'étais ravi de commencer à travailler sur un nouveau design pour lui afin d'aider à convertir de nouveaux clients.

Voir le site web ici

Entretien initial

Je démarre des projets de conception en suivant un formulaire initial avec un appel téléphonique direct ou un appel vidéo. Dans ce cas, j'ai rencontré M. Müller par appel vidéo, et nous avons discuté d'un grand nombre de sujets. De la compréhension de sa gamme de produits au public cible et à l'utilisation des médias sociaux, j'ai généralement beaucoup de questions pour m'aider à mieux comprendre une entreprise sous tous ses angles. M. Müller exploite sa boutique en ligne depuis près de 20 ans, son modèle d'entreprise et sa gamme de produits ont donc évolué au fil du temps. Comme il s'agit d'un projet de conception et non d'un projet UX, je dois généralement me pencher sur la manière dont les clients utilisent les sites web, en déduisant certaines choses de ce que dit le propriétaire et d'autres du bon sens et des meilleures pratiques.

Principales prises

• 20 ans de gestion de cette boutique en ligne
• Il vend des couteaux fabriqués sous la marque MSP Müller Super Professional (couteaux pliants et fixes), ainsi que des couteaux de haute qualité fabriqués à la main et des pièces détachées pour les fabricants de couteaux (bois et outils pour réparer les couteaux)
• Il vend aux chasseurs, pêcheurs et amateurs de plein air, beaucoup de leurs clients reviennent et beaucoup les trouvent via les avis sur youtube
• Il veut faire de la publicité pour le service à la clientèle, la rapidité et les produits de haute qualité

Audit du site web

Principaux points que je souhaitais améliorer avec la refonte de son site web :

• Couleur / propreté / conformité de l'accessibilité
• Organisation des liens dans l'en-tête, le pied de page
• Priorisation du contenu sur la page d'accueil (également dans l'en-tête)
• Augmentation de la quantité et de la qualité du contenu visuel
• Le storytelling pourrait être amélioré - l'histoire personnelle avec un produit et la passion pour l'artisanat sont toujours de bons points de vente

Demandes spécifiques aux mobiles

Bien sûr, en général, le travail que je fais comprend des améliorations de base telles qu'un site web entièrement responsive et un codage mobile-first, mais dans ce cas, le client avait des souhaits spécifiques supplémentaires.

• Amélioration de la vue mobile (aspect et fonctionnalité)
• Meilleure fluidité et navigation de la page d'accueil (en particulier dans la vue mobile)
• Meilleure connexion avec les publicités sur les médias sociaux

Processus de brouillon

Je fais des ébauches itératives dans Figma en utilisant des composants qui s'alignent assez bien avec les extraits de code que j'utilise pour modifier la plate-forme (très ancienne) dans laquelle la boutique est construite.

Ici, nous pouvons tester universellement les polices et les couleurs, et créer facilement des vues de bureau et mobiles correspondantes.

Dans ce cas, après quelques corrections de la hiérarchisation des catégories, nous n'avons apporté que de petites modifications au texte et au contenu.

Il y avait quelques aspects intéressants dans le travail que j'ai effectué pour cette boutique que je vais essayer de résumer rapidement ci-dessous.

Logo

Le logo de Monsieur Müller n'était pas correctement formaté pour le site et nécessitait une vectorisation correcte. J'aime travailler avec des logos alors je lui ai rapidement fourni une mini itération de design pour mettre à jour la qualité de son design.

Génération d'images AI

Comme mentionné précédemment, les produits de M. Müller sont magnifiques, mais la plupart des photos de son site web n'étaient pas adaptées à un affichage à grande échelle sur une page d'accueil. En utilisant ses photos de produits existantes, j'ai créé une série d'images AI pour aider à raconter une histoire avec ses produits. J'espérais qu'en montrant les couteaux dans leur contexte, ils mettraient en valeur leur utilisation de matériaux naturels et raconteraient une histoire plus convaincante.

Connexion Instagram (gratuit)

L'Instagram de la boutique a beaucoup de contenu de qualité que je pensais pouvoir ajouter à la dimension du site existant. Il y a beaucoup d'applications payantes qui peuvent être utilisées pour intégrer les dernières publications Instagram à un site web, et il y avait auparavant une option iframe gratuite à utiliser, mais j'ai décidé de les imiter avec une version gratuite que le client pourrait facilement se mettre à jour lui-même juste en téléchargeant de nouvelles photos et en les recréant.

Améliorationsdu SEO

Monsieur Müller souhaitait améliorer son référencement et j'avais quelques idées de choses qui pourraient facilement être mises en œuvre dans sa boutique.

En général, je suis satisfait du résultat, mais j'ai appris quelques choses en travaillant sur ce design.

Ne soyez pas toujours trop littérale

Dans ce cas, le client m'a demandé d'utiliser du marron, du bleu et du vert dans la page. C'est ce que j'ai fait. Ça a l'air bizarre ! Pourquoi a-t-il demandé une combinaison de couleurs aussi étrange ? Je pense, rétrospectivement, qu'il essayait d'utiliser des couleurs pour décrire l'ambiance qu'il souhaitait, aka woodsy, outdoorsy.

Push your ideas in a positive way

Je n'ai pas voulu modifier ses noms de catégories préexistants, même si certains d'entre eux sont objectivement trop longs. Je pense qu'à la fin de la journée, ses clients sont en grande partie des clients qui reviennent