1 septembre 2026 · Black Rout Studios

Storefront — la création de la boutique Bledlard

Bledlard avait besoin d'une boutique qui ressemble à la marque, pas à un modèle. Nous avons créé la boutique de bout en bout — la structure, la direction artistique et le front-end lui-même — pour qu'acheter une pièce ait le même poids que le drop dont elle vient.

Le brief

Bledlard, c'est la ligne de vêtements sous le toit de Black Rout : des pièces en petites séries, conçues avec les artistes que nous enregistrons, avec des drops qui suivent les sorties. Le site devait remplir trois missions à la fois — porter la marque, vendre les produits et rester modifiable par des gens qui n'écrivent pas de code.

Ce dernier point a tout guidé. Une boutique que personne dans l'équipe ne peut mettre à jour est une boutique qui se périme en un mois.


La page d'accueil de la boutique.

La structure avant la surface

Avant de dessiner le moindre écran, nous avons cartographié le parcours réel d'un acheteur : arriver depuis un lien en bio, tomber sur un drop, comprendre les tailles et payer sans détour. Tout ce qui ne servait pas l'une de ces étapes a été supprimé.

Le catalogue est conçu pour qu'un nouveau drop se résume à quelques champs, pas à une refonte — images, tailles, prix et une courte ligne de texte. La mise en page fait le reste.

Photo Fiche produit sur mobile.
Photo Panier ou étape de paiement.

Direction artistique

La marque est sombre, chaleureuse et un peu patinée — le site aussi. Un fond profond, des touches de rouille et de bleu-vert, une typographie de titrage serrée et épaisse. Les photos de produits apportent la couleur ; l'interface s'efface devant elles.

Les animations sont rares et toujours justifiées : les éléments se mettent en place au fil du défilement, rien ne rebondit pour attirer l'attention.

Visite guidée

Un court enregistrement d'écran en dit plus sur une boutique que n'importe quel paragraphe.

Vidéo Collez ici un code d'intégration YouTube ou Vimeo — un enregistrement d'écran de la boutique fonctionne bien. Il s'étire automatiquement sur toute la colonne, en 16:9.

Le lancement

Le site est sorti en même temps que le drop plutôt qu'avant lui, pour que l'annonce et la possibilité d'acheter arrivent d'un seul souffle.

Publication Collez le code d'intégration Instagram, TikTok ou Facebook de la publication de lancement. Instagram : menu ⋯ → Intégrer. TikTok : Partager → Intégrer. Facebook : menu ⋯ → Intégrer.

Ce que nous referions

Construire d'abord le processus de mise à jour. La plus belle boutique du monde ne vaut rien si ajouter un drop demande un développeur. Tout ce qui change souvent sur ce site est un champ que quelqu'un de l'équipe peut modifier.

Vous voulez la même chose pour votre marque ? Démarrer un projet.

La boutique Bledlard sur ordinateur, tablette et téléphone.
La boutique Bledlard sur ordinateur, tablette et téléphone.
Une fiche produit — tailles, stock et alerte de retour en stock dans une seule colonne.
Une fiche produit — tailles, stock et alerte de retour en stock dans une seule colonne.
Le paiement passe par le parcours sécurisé de Shopify.
Le paiement passe par le parcours sécurisé de Shopify.
Un défilement de la boutique Bledlard — filtres, drops et fiches produits.
Bledlard sur Instagram.