Buurtwinkel

Boucherie de l'Avenue

Een ambachtelijke slagerij behandeld als een luxehuis — want dat is het.

Jaar
2026
Ontwerp
3 weken
Stack
React · Vite · Tailwind · Vercel
  • Visuele identiteit
  • Design
  • Ontwikkeling
  • Lokale SEO
https://www.boucherie-avenue.fr
Homepage van de website Boucherie de l'Avenue — Buurtwinkel, gemaakt door Kayzen Web
visuele identiteit vanaf nul ontworpen
1
Lighthouse-SEO
100/100
performance — openstaand project
69/100
Het uitgangspunt

Wat er opgelost moest worden.

De context

Ambachtelijke slagerij in Lyon 9, die met vlees uit de korte keten werkt en een traiteurservice aanbiedt.

De beperking

De voedingswinkel uit de buurt is online bijna altijd slecht vertegenwoordigd: flitsfoto's, standaardtypografie, geen informatie over de herkomst van het vlees. Het vakmanschap was nergens te zien, terwijl het juist het prijsverschil met de supermarkt rechtvaardigt.

Het antwoord

De ambachtsman behandelen zoals je een luxehuis zou behandelen: identiteit op maat, verzorgde typografie, geregisseerde fotografie, volledige informatie over de herkomst. Wat de klant wil kunnen verantwoorden, is een prijs — je moet hem daar de middelen voor geven.

Gemeten, niet beweerd

De scores bij oplevering.

Lighthouse-scores van de website in productie. Wij publiceren ze zoals ze zijn: als een score laag is, staan de oorzaak en het verbeterplan hieronder beschreven in plaats van verzwegen.

PageSpeed
69
Performance: 69 van de 100
93
Toegankelijkheid: 93 van de 100
100
Best practices: 100 van de 100
100
Vindbaarheid: 100 van de 100
Design & art direction

Elke keuze, en de reden erachter.

  1. Een visuele identiteit speciaal hiervoor ontworpen

    Monogram, palet en typografisch systeem specifiek ontworpen en daarna doorgetrokken naar het drukwerk van de winkel. De website was slechts een van de uitingen van de identiteit.

  2. De herkomst per product vermeld

    Ras, herkomst, fokker wanneer die bekend is. Het is het argument dat de ambachtsman onderscheidt van het zelfbedieningsschap, en het stond voordien nergens.

  3. Geregisseerde fotografie

    Natuurlijk licht, neutrale achtergronden, geen directe flits. In een slagerij heeft slecht belichte fotografie precies het tegenovergestelde effect van wat men zoekt.

Kleurenpalet van het project

  • Diep bordeaux

    #5E1F2B

    Identiteit

  • Marmerwit

    #F8F6F3

    Achtergrond

  • Inkt

    #1F1C1B

    Tekst

  • Messing

    #A98545

    Lijnen en monogram

Typografisch systeem

Koppen

Cormorant Garamond 600

Lopende tekst

Jost 400

Een haute-couture-serif voor de naam van de zaak, een sobere geometrische letter voor de productinformatie. Het contrast tussen beide bepaalt de hele positionering.

Engineering

Wat er onder de motorkap zit.

  • React
  • Vite
  • Tailwind
  • Vercel
  1. Een openstaand performanceproject

    69 op performance: de score komt van een niet-geoptimaliseerde productgalerij, overgenomen uit de inhoud van de klant. De overstap naar AVIF en het dimensioneren via srcset zijn begroot en gepland. We schrijven het op omdat de score openbaar en controleerbaar is.

  2. Statische website

    Geen database; de productcatalogus is een databestand. De handelaar stuurt ons zijn seizoenswijzigingen, en ze staan binnen het uur online.

Vindbaarheid

Hoe de website vindbaar wordt.

  1. “Boucherie Lyon 9”, “boucher artisanal Vaise”

    Zoekopdrachten in de buurt, met zeer weinig concurrentie en een directe koopintentie: wie ze intypt, zoekt waar hij vandaag zijn vlees kan kopen, niet om zich te documenteren. Mikken op “boucherie Lyon” had de ambachtsman laten concurreren met de ketens van de hele stad, voor verkeer dat nooit tot in het 9e arrondissement zal komen.

  2. ButcherShop-markering

    Schema.org heeft er een eigen type voor. Dat gebruiken in plaats van het generieke LocalBusiness verbetert de manier waarop Google de zaak categoriseert.

Sitestructuur

Wat er is opgeleverd.

  • Home
  • Ons vlees en de herkomst
  • Traiteur
  • Het huis
  • Bereikbaarheid en openingstijden
Werkwijze

Het verloop van het project.

  1. Identiteit

    Monogram, palet, typografisch systeem, doorvertaling naar drukwerk.

  2. Inhoud

    Herkomst per product, traiteuraanbod.

  3. Design en ontwikkeling

    Statische website, getypeerde catalogus.

Vragen

Wat ons vaak gevraagd wordt.

Zodra hij duurder verkoopt dan de supermarkt, ja. De identiteit is geen versiering: ze maakt de meerprijs leesbaar nog voordat de klant binnenstapt.

Hetzelfde niveau van zorg, voor uw website.

Gratis audit van uw huidige website, offerte binnen 24 uur en een schriftelijke onderbouwing — zoals die u net hebt gelezen. Betaling in drie termijnen zonder extra kosten; lokale subsidies gecontroleerd vóór ondertekening.

Delen