Herontwerp Mueller Messer Shop

In het voorjaar van 2025 werkte ik samen met Herr Mueller van Mueller Messer om zijn website te vernieuwen. Hij had de afgelopen 10 jaar niet veel aan zijn site gedaan en ik was vooral gegrepen door het contrast tussen de hoge kwaliteit van zijn product en het totale gebrek aan visuele aantrekkingskracht van zijn website. Ik vond het geweldig om voor hem aan de slag te gaan met een nieuw ontwerp om hem te helpen nieuwe klanten te werven.

Bekijk de website hier

Eerste gesprek

Ik begin ontwerpprojecten door een eerste formulier op te volgen met een direct telefoon- of videogesprek. In dit geval had ik een videogesprek met de heer Müller en bespraken we een aantal onderwerpen. Van het begrijpen van zijn productassortiment tot de doelgroep en het gebruik van sociale media, ik heb meestal veel vragen om een beter beeld te krijgen van een bedrijf vanuit alle hoeken. Meneer Müller heeft zijn online winkel al bijna 20 jaar, dus zijn bedrijfsmodel en productassortiment zijn in de loop der tijd geëvolueerd. Aangezien dit een ontwerpproject is en geen UX-project, moet ik meestal gissen naar hoe klanten websites gebruiken, waarbij ik sommige dingen afleid uit wat de eigenaar zegt en andere dingen uit gezond verstand en best practices.

Belangrijkste opmerkingen

• al 20 jaar runt hij deze online winkel
• Hij verkoopt gefabriceerde messen onder de merknaam MSP Müller Super Professional (vouwmessen en vaste messen), evenals met de hand afgewerkte messen van hoge kwaliteit en reserveonderdelen voor messenmakers (hout en gereedschap voor het repareren van messen)
• Hij verkoopt aan jagers, vissers en outdoor enthousiastelingen, veel van hun klanten komen terug en velen vinden hen via youtube reviews
• Hij wil reclame maken voor klantenservice, snelheid en producten van hoge kwaliteit

Website audit

Belangrijkste punten die ik wilde verbeteren met zijn website redesign:

• Kleur / netheid / toegankelijkheid
• Organisatie van links in header, footer
• Prioritering van inhoud op startpagina (ook in header)
• Meer en betere visuele inhoud
• Storytelling kan worden verbeterd - persoonlijke geschiedenis met een product en passie voor vakmanschap zijn altijd goede verkoopargumenten

Mobiele specifieke wensen

Natuurlijk omvat het werk dat ik doe over het algemeen basisverbeteringen zoals een volledig responsive website en mobile-first codering, maar in dit geval had de klant aanvullende specifieke wensen.

• Mobiele weergave verbeterd (uiterlijk en functionaliteit)
• Betere flow en navigatie van de startpagina (vooral in mobiele weergave)
• Betere koppeling met advertenties op sociale media

Ontwerp proces

Ik maak iteratieve concepten in Figma met behulp van componenten die vrij goed overeenkomen met de code snippets die ik gebruik om het (zeer verouderde) platform waarin de winkel is gebouwd aan te passen.

Hier kunnen we universeel lettertypen en kleuren testen en gemakkelijk overeenkomstige desktop- en mobiele weergaven maken.

In dit geval hebben we, na een paar correcties in de categorieprioritering, alleen kleine wijzigingen aangebracht in de tekst en de inhoud.

Er waren een paar interessante aspecten aan het werk dat ik voor deze winkel heb gedaan die ik hieronder snel zal proberen samen te vatten.

Logo

Het logo van de heer Müller was niet correct geformatteerd voor de site en moest goed worden gevectoriseerd. Ik werk graag met logo's, dus ik heb hem snel een mini-ontwerp iteratie gegeven om de kwaliteit van zijn ontwerp bij te werken.

AI afbeeldingen genereren

Zoals eerder vermeld zijn de producten van de heer Müller prachtig, maar de meeste fotografie op zijn website was ongeschikt voor een grootschalige weergave op een startpagina. Met behulp van zijn bestaande productfoto's heb ik een serie AI-afbeeldingen gemaakt om een verhaal over zijn producten te vertellen. Mijn hoop was dat door de messen in hun context te laten zien, het gebruik van natuurlijke materialen zou worden geaccentueerd en een overtuigender verhaal zou worden verteld.

Instagram-verbinding (gratis)

De Instagram voor de winkel heeft veel kwalitatieve content waarvan ik dacht dat het een dimensie zou toevoegen aan de bestaande site. Er zijn veel betaalde apps waarmee je de nieuwste Instagram posts kunt integreren in een website, en er was al een gratis iframe optie die je kon gebruiken, maar ik besloot deze te imiteren met een gratis versie die de klant zelf eenvoudig kon bijwerken door gewoon nieuwe foto's te uploaden en opnieuw te koppelen.

SEO-verbeteringen

Meneer Müller wilde zijn SEO verbeteren en ik had een paar ideeën voor dingen die gemakkelijk in zijn winkel konden worden geïmplementeerd.

Over het algemeen ben ik tevreden met hoe het is geworden, maar ik heb een paar dingen geleerd van het werken aan dit ontwerp.

Wees niet altijd te letterlijk

In dit geval vroeg de klant of ik bruin, blauw en groen in de pagina wilde gebruiken. Dit heb ik gedaan. Het ziet er raar uit! Waarom vroeg hij om zo'n rare kleurencombinatie? Achteraf denk ik dat hij kleuren probeerde te gebruiken om zijn gewenste sfeer te beschrijven, namelijk bosachtig, buitenachtig.

Push je ideeën op een positieve manier

Ik wilde zijn bestaande categorienamen niet veranderen, ook al zijn sommige objectief gezien te lang. Ik denk dat zijn klanten uiteindelijk grotendeels terugkerende klanten zijn..