Belvedere Barbers — Vancouver
Site Web pour Belvedere Barbers, un barbershop premium de Mount Pleasant à Vancouver, réunissant une boutique en ligne (catalogue et panier Shopify) et la prise de rendez-vous dans une seule expérience de marque.
Site Web : www.belvederebarbers.com
Anatomie du projet
Une boutique en ligne et la prise de rendez-vous, réunies dans une seule expérience de marque.
01 · Interface
Blanc, noir et un accent rouge.
Une direction artistique volontairement épurée, fidèle à l'identité visuelle du salon.
02 · Composants
Une seule expérience, sans thème imposé.
Catalogue, panier, réservation Squire et formulaire de carrières : des composants React qui ne dépendent pas du thème Shopify.
03 · Données
Le catalogue, rendu côté serveur.
Les produits arrivent par la Storefront API de Shopify ; le panier passe par la Cart API et des Server Actions.
04 · Plateforme
Hébergé sur Vercel, pensé pour le référencement.
Sitemap, données structurées et images Open Graph générées à la volée.
05 · Confidentialité
Aucun script avant le consentement.
Le suivi Google Analytics 4 ne se charge qu'une fois que le visiteur l'a accepté.
Toutes les couches, réunies.
Défi
Belvedere avait besoin d'un site qui fasse plus qu'une vitrine : vendre ses produits de soin en ligne et permettre la réservation de rendez-vous, sans renvoyer les clients vers des plateformes tierces déconnectées de la marque. Le défi : intégrer le commerce Shopify et un système de réservation externe (Squire) dans une expérience fluide, rapide et fidèle à l'identité visuelle premium du salon.
Solution
Développement d'un site Next.js avec le catalogue produits fetché côté serveur via la Shopify Storefront API et un panier géré côté client (Cart API + Server Actions), sans dépendre du thème Shopify. Intégration du widget de réservation Squire, d'un formulaire de carrières, et d'un suivi analytique GA4 à consentement strict (aucun script avant acceptation). Le tout dans une direction artistique volontairement épurée — blanc, noir et accent rouge.
Résultats
Belvedere dispose d'un site unique réunissant présentation des services, boutique en ligne et réservation, hébergé sur Vercel et optimisé pour le référencement (sitemap, données structurées et images Open Graph dynamiques). L'architecture découplée de Shopify garde le contrôle total sur le design et la performance, tandis que le suivi analytique ne se charge qu'après le consentement du visiteur.
Service connexe : E-commerce headless (Shopify)