Un système web pour rendre l’offre et la commande plus lisibles

Comment Bizspaces a structuré la présence digitale de Cap Carbon autour d’un univers braise, d’un menu lisible, de liens de commande et de fondations locales adaptées au restaurant.

Commencer mon Project Fit Voir le site live de Cap Carbon

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: Calendrier confirmé au cadrage

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, contenus et lancement organisés selon le périmètre validé.

Offre Menu et informations structurés

Mobile Parcours conçu pour les petits écrans

Liens Commande et contact accessibles

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.

Le projet devait rendre l’identité, le menu, les informations pratiques et les liens de commande plus simples à comprendre sur mobile, avec des fondations locales adaptées au restaurant.

Le site devait rendre l’offre, le menu et la prochaine action faciles à comprendre sur mobile.

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é	Clarifier les informations locales utiles aux clients.	Fondations locales : fiche Google Business Profile, données Restaurant et questions fréquentes adaptées
Menu	Menu lisible sur mobile, avec une prochaine action claire.	Structure par catégories (Shawarma, Burgers, Accompagnements, Boissons, Desserts) + badges "populaire"
Livraison	Uber Eats, DoorDash, SkipTheDishes sans friction	Liens directs vers les plateformes de livraison et appel « Commander » intégré au parcours
Identité	Un univers "feu de bois" fidèle au charbon	Système visuel braise & or, galerie parallaxe, curseur personnalisé
Performance	Un rendu sobre et lisible sur mobile.	HTML, CSS et JavaScript statiques, images optimisées et animations respectueuses du mouvement réduit

Approche & processus

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, médias optimisés progressivement à partir des visuels fournis. Menu structuré par catégories avec onglets et badges utiles. Pas de surcharge visuelle, l’œil va à l’essentiel.

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

Site statique HTML/CSS/JS, déployable sans dépendance serveur. Les médias fournis sont optimisés progressivement, avec WebP et fallback PNG lorsqu’ils sont disponibles. Le lazy-loading et des animations respectueuses du mouvement réduit soutiennent un rendu lisible.

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.

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

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.

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

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.

Une FAQ organisée autour des horaires, de l’offre, des options de livraison et des questions pratiques permet de rendre les informations plus faciles à consulter.

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

Livrables et vérifications

Offre

Informations locales et menu structurés

Mobile

Pages et actions vérifiées sur petits écrans

Parcours

Commande, contact et horaires reliés

Fondations locales

Les informations de l’établissement, les pages utiles et les données structurées peuvent soutenir une présence locale plus cohérente.

Rendu mobile

Les médias, les interactions et les actions sont pensés pour conserver un parcours lisible sur les écrans mobiles.

Chemins de commande

Le menu, les liens de livraison, le téléphone et les informations pratiques sont organisés pour faciliter la prochaine action.

FAQ

Combien de temps a pris le projet ?

Le calendrier dépend du périmètre, des contenus, des validations et des dépendances. Ces éléments sont confirmés avant le lancement.

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

Le projet organise les informations locales, les pages utiles et les données structurées adaptées. La visibilité dépend ensuite du marché, de la concurrence et du suivi continu.

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 ?

Les images, les interactions et les mises en page sont conçues pour un parcours mobile lisible. Les vérifications de rendu font partie des étapes avant mise en ligne.

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.

Commencer mon Project Fit Voir les réalisations Bizspaces