Pigeon Royal

Pigeon Royal est une jeune marque de streetwear avec une identité forte et une communauté à fédérer. Le brief était clair : remplacer leur boutique existante (lente, peu engageante, difficile à mettre à jour) par un site qui reflète l'attitude de la marque, convertit, et reste autonome côté gestion. La première étape a consisté à immerger la marque dans le projet : ton de voix, références visuelles, codes streetwear (drops, éditions limitées, narration produit forte). Ces éléments ont nourri toutes les décisions design ultérieures.

Le parcours d'achat a été repensé autour de la conversion : page d'accueil narrative qui met en scène le produit phare, listing produits clair avec filtres rapides (taille, couleur, catégorie), fiches produit éditoriales (visuels grand format, look book associé, détails produit honnêtes), et tunnel de paiement court (3 étapes max). Une attention particulière a été portée au mobile, qui représente la majeure partie du trafic streetwear. Le panier glisse en sticky bottom sheet, les sélections de taille sont accessibles d'une main, et le checkout est calibré pour minimiser les frictions clavier.

Le design éditorial joue un rôle central : larges visuels, typographies condensées, mises en page audacieuses qui rapprochent l'expérience d'un magazine plus que d'un e-shop classique. Le design system encadre cette liberté pour rester cohérent et industrialisable (composants, grilles, règles de mise en page selon les tailles d'écran). Des blocs éditoriaux modulaires permettent à la marque de monter elle-même de nouvelles collections ou pages campagne sans repasser par le design.

Le site est développé avec Next.js, Tailwind CSS et TypeScript. Les données produits, comptes et commandes vivent dans Supabase (Postgres + auth + RLS), avec une couche de cache côté Next pour servir un catalogue rapide et SEO-friendly. Les paiements passent par Stripe (Apple Pay et Google Pay activés), avec une gestion fine des erreurs côté UI pour ne jamais perdre une vente sur un échec technique. Les webhooks Stripe synchronisent l'état des commandes en base et déclenchent les emails transactionnels.

Un espace client complet a été développé : suivi des commandes en cours et passées, factures téléchargeables, gestion des adresses et du compte, suivi des préférences de communication. L'objectif est double : rassurer l'acheteur après l'achat et créer une raison de revenir (drops à venir, recommandations personnalisées). Les patterns d'auth (inscription, connexion, mot de passe oublié, social login) ont été pensés pour minimiser les frictions tout en restant sûrs et conformes RGPD.

Pour rendre la marque autonome, un panel administrateur dédié a été développé : gestion des produits (création, variantes, stocks, médias), pilotage des commandes (statut, remboursement, notes internes), gestion des clients et tableau de bord avec les KPI clés (chiffre d'affaires, panier moyen, top produits). Les droits sont segmentés (admin, équipe, lecture seule) pour permettre à la marque d'élargir son équipe sereinement.

Côté SEO, l'accent a été mis sur la structure (titres, métadonnées, données structurées `Product`, sitemap dynamique des produits, hreflang), le contenu (descriptions produits travaillées, pages collections riches) et la performance (images optimisées, lazy loading, pages produits pré-rendues). Le résultat : un Lighthouse vert sur la majorité des métriques, un site indexé rapidement, et une marge de manœuvre confortable pour scaler le catalogue sans dégrader l'expérience.