Un site shawarma halal qui fait griller le trafic local

Comment Bizspaces a transformé la présence digitale de Cap Carbon en site vitrine immersif aux tons braise, avec menus interactifs, SEO local dominant et commandes en ligne intégrées.

capcarbon.ca
Capture du site Cap Carbon : hero immersif aux tons braise, menus shawarma
Client
Cap Carbon
Mission
Site vitrine + commandes en ligne
Rôle Bizspaces
UX/UI, SEO local, intégration
Durée
5 jours

Aperçu du projet

Client

Cap Carbon, Restaurant shawarma & burger halal (Montréal, QC)

Secteur

Restauration, street food halal, shawarma au charbon

Services Bizspaces

UX/UI immersif, menus interactifs par catégories, SEO local Google Maps, intégration Uber Eats / DoorDash / SkipTheDishes

Timeline

Conception et lancement : 5 jours

+180% Trafic organique local
<2s Chargement moyen
100% Responsive mobile

Le client

Cap Carbon, le feu servi en ligne

Cap Carbon est un restaurant de shawarma et burger halal au charbon de bois, situé au 3640 boulevard Saint-Laurent à Montréal. Ouvert 7j/7 de midi à 3h-4h du matin, il sert des classiques revisités : Kebab Poulpe, Kebab Crevettes, Tacos 3 Viandes, Burger King.

Avant Bizspaces, le restaurant n'avait pas de site web à la hauteur de son identité. Pas de présence digitale structurée, pas de menus en ligne clairs, pas de SEO local pour capter les recherches "shawarma Montréal" ou "burger halal". Les clients trouvaient difficilement l'adresse, les horaires, ou le menu complet.

Le site devait charger en moins de deux secondes, là où naissent la majorité des commandes.
Le défi
  • Aucun site à la hauteur de l'identité du restaurant.

  • Des clients qui ne trouvent ni l'adresse, ni les horaires, ni le menu.

  • Trois plateformes de livraison à intégrer sans dupliquer le contenu.

  • Une interface rapide sur mobile, là où se jouent les commandes.

Objectifs

Cap Carbon Bizspaces
Visibilité Dominer les recherches "shawarma Montréal" sur Google Maps Fiche Google Business optimisée + schema.org Restaurant + FAQPage
Menu Menu interactif lisible mobile, commande en 3 clics Structure par catégories (Shawarma, Burgers, Accompagnements, Boissons, Desserts) + badges "populaire"
Livraison Uber Eats, DoorDash, SkipTheDishes sans friction Liens directs avec tracking UTM, CTA "Commander" visible sans scroll
Identité Un univers "feu de bois" fidèle au charbon Système visuel braise & or, galerie parallaxe, curseur personnalisé
Performance Chargement < 2s sur mobile HTML/CSS/JS statique, images WebP/AVIF, animations GPU-only, zéro bundle superflu

Approche & processus

Système : "braise & or"

Bizspaces a traduit l'identité "cuisson au charbon" en système visuel : fond noir profond (#0D0B0A), panneaux #141210, accent braise exact (#E85D04), bleu logo (#1565C0). Le braise sert de fil conducteur : focus, hover, scroll-progress, badge "Live".

Galerie dynamique avec parallaxe douce, images WebP/AVIF optimisées. Menu structuré par catégories avec onglets, badges "populaire", pourcentages "aimé". Pas de surcharge visuelle, l'œil va à l'essentiel.

capcarbon.ca
Capture du site Cap Carbon : menu structuré par catégories, onglets et badges

Technique : statique, rapide, SEO-ready

Site statique HTML/CSS/JS pur, sans build step, déployable partout. Images WebP/AVIF, lazy-loading, preload hero. CSS optimisé, animations GPU-only (transform/opacity). Zéro bundle JS superflu.

SEO local complet : fiche Google Business optimisée, schema.org Restaurant + BreadcrumbList + FAQPage + AggregateRating + Reviews. Meta Open Graph, Twitter Cards, canonical, hreflang. Sitemap.xml, robots.txt, llms.txt.

capcarbon.ca
Capture du site Cap Carbon : cartes des spécialités shawarma et burgers

Motion : animations & expérience

Animations CSS déclaratives : reveals au scroll (IntersectionObserver), parallaxe douce sur galerie, scroll-progress bar braise en haut, hover sur cartes menu (scale + shadow). Respect total de prefers-reduced-motion.

Curseur personnalisé (point braise), grain subtil sur body, transitions fluides 180ms cubic-bezier(.76,0,.24,1). Curseur custom désactivé sur mobile/touch.

capcarbon.ca
Capture du site Cap Carbon : galerie ambiance et défilement parallaxe

Conversion : commande & conversion

CTA "Commander" visibles sans scroll sur mobile. Intégration Uber Eats, DoorDash, SkipTheDishes via liens directs avec tracking. Téléphone click-to-call. Formulaire contact simple. Horaires avec jour courant mis en évidence automatiquement.

FAQ schema.org pour rich snippets : horaires, halal, livraison, végé, réservations. Note 4.9/5 avec 443 avis affichés.

capcarbon.ca
Capture du site Cap Carbon : section contact, horaires et commande en ligne

Résultats

+180%

Trafic organique local en 3 mois

<2s

Chargement moyen des pages

100%

Pages responsive, mobile-first

SEO local dominant

Les recherches "shawarma Montréal" mènent désormais au site, grâce à une fiche Google My Business optimisée et à des balises schema.

Performance mobile

Images WebP/AVIF et animations CSS légères : le poids moyen des pages est passé sous 1,5 Mo, un facteur direct de conversion mobile.

Commande en 3 secondes

Catégories claires, galerie fluide et appels à l'action visibles sans défilement : la commande commence en trois secondes.

FAQ

Combien de temps a pris le projet ?

5 jours de conception à lancement. Le site statique HTML/CSS/JS pur a permis un déploiement ultra-rapide sans pipeline de build.

Le site gère-t-il le SEO local pour "shawarma Montréal" ?

Oui : fiche Google Business optimisée, schema.org Restaurant + FAQPage + AggregateRating + Reviews, meta Open Graph/Twitter, sitemap.xml, robots.txt, llms.txt. Trafic organique +180%.

Comment les commandes en ligne sont-elles intégrées ?

Liens directs vers Uber Eats, DoorDash, SkipTheDishes avec tracking UTM. CTA "Commander" visibles sans scroll sur mobile. Téléphone click-to-call. Horaires avec jour courant mis en évidence automatiquement.

Le site est-il performant sur mobile ?

100% responsive, chargement < 2s, images WebP/AVIF lazy-loaded, CSS/JS minifiés, zéro bundle JS superflu, animations GPU-only (transform/opacity), respect prefers-reduced-motion.

Témoignage

Excellent service et très bons plats. Le sandwich au poulpe est une dinguerie, un vrai coup de cœur.
Iyes M. Client Cap Carbon

Un projet en tête ?

Vous êtes restaurateur, commerçant ou propriétaire de marque, et vous voulez un site qui attire des clients locaux, convertit en commandes et se gère sans prise de tête ?

Bizspaces conçoit des sites web, identités visuelles et expériences digitales pour les commerces et PME du Québec.