INDUSTRIE Barbers

Client

INDUSTRIE Barbers

Timeline

1 mois

Service

SEO
UI UX Design
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
·
Branding · Logo Design · Social MEdia
INDUSTRIE Barbers

Performance et SEO au service d'un barbershop premium.

Challenge

  • Un barbershop premium à Lyon (1 300+ avis Google, 4.8/5) sans site web à la hauteur de sa réputation.
  • Un besoin de performance technique maximale (PageSpeed 100/100) pour dominer le SEO local sur Lyon 2.
  • Intégration d'un système de réservation tiers (Planity) sans impacter les temps de chargement.
  • 7 pages à livrer avec une exigence zéro compromis sur le design, la vitesse et le référencement.

Goal

  • Atteindre un score Lighthouse de 100/100 sur l'ensemble des pages, mobile et desktop.
  • Positionner INDUSTRIE Barbers en tête des résultats locaux sur les requêtes barbershop à Lyon.
  • Offrir une expérience mobile irréprochable avec prise de rendez-vous en un clic.
  • Créer un site qui reflète l'univers premium et l'ambiance unique du salon.

Solution

    • Méthodologie Client-First (Finsweet) : Architecture CSS propre, zéro classe orpheline, Style Guide complet avec palette, typos et spacing scale.
    • Performance extrême : Images WebP/AVIF, lazy loading sélectif, preload Hero, Google Fonts optimisées avec font-display: swap, CSS natif privilégié sur les interactions Webflow.
    • SEO technique avancé : Schema.org BarberShop/LocalBusiness + FAQPage + Article, hiérarchie Hn corrigée, maillage interne, meta par page, Open Graph.
    • UX mobile-first : CTA sticky "Je prends RDV", touch targets 48×48px, progressive disclosure sur formulaire contact, animations désactivées sous 767px.
  • GAllery
    ·
    GAllery
    ·

    GAllery

    ·
    GAllery
    ·

    GAllery

    ·
    GAllery
    ·
    GAllery
    ·
    GAllery
    ·
    GAllery
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    Let's create
    Your new website