Topdrawer

Topdrawer

Topdrawer est une marque américaine de bagagerie, papeterie et objets du quotidien premium, avec un réseau de boutiques expérientielles dans les quartiers créatifs aux États-Unis. Au sein du studio Halley&co, j’ai piloté la refonte digitale de la marque : nouvelle plateforme pour le site e-commerce, pensée pour reconnecter l’expérience forte en boutique avec un parcours en ligne clair, moderne et orienté conversion.

Client

Topdrawer

With

Halley&Co

Livrables

Stratégie & Webdesign

Info

Contexte

  • Marque déjà bien installée avec des magasins très identifiés (expérience, sélection, conseil), mais un site en retard : peu incarné, compliqué à parcourir, peu d’outils pour convertir

  • Objectifs clairs côté US : renforcer le e-commerce sans dénaturer le rôle des boutiques, et porter le discours “tools for nomads / creative tools built to last” dans l’interface digitale

Mission

  • Clarifier le rôle du site dans l’écosystème Topdrawer : vitrine de marque, boutique en ligne, relais des magasins

  • Repenser l’UX et l’UI pour simplifier la découverte et l’achat, en particulier sur mobile

  • Créer un langage visuel digital cohérent avec les boutiques, réutilisable sur le long terme par l’équipe américaine

Approche

  • Ateliers à distance avec les équipes US (retail, e-com, brand) pour aligner enjeux business, contraintes logistiques et attentes des clients

  • Refonte de l’architecture : entrées par usages (travel, work, everyday carry), par catégories et par “stories” de marque, plutôt que simple catalogue brut

  • Travail sur les parcours clés :

    • découverte inspirante (collections, histoires produit, éditorial)

    • recherche rapide (filtres efficaces, usages clairs, navigation par besoins)

    • conversion (panier, cross-sell, options de livraison simples)

  • Direction artistique UI : interface plus sobre, typographie maîtrisée, meilleure hiérarchie des contenus pour laisser respirer produits et images, tout en restant dans le vocabulaire Topdrawer

  • Itérations avec tests A/B sur des éléments stratégiques (homepage, PLP, fiches produit, cart) pour valider les choix et affiner le parcours client-first

Livrables

  • Cadrage de la stratégie digitale (rôle du site, parcours prioritaires)

  • Architecture d’information et wireframes des pages clés

  • Design UI complet du site (desktop & mobile)

  • Kit UI / design system (composants, styles, patterns) pour l’équipe produit

  • Recommandations de tests A/B et d’optimisation continue post-lancement

Impact / à mesurer

  • Taux de conversion e-commerce (global et par devices)

  • Temps nécessaire pour trouver et acheter un produit clé

  • Part des ventes en ligne vs magasins, sans cannibaliser l’expérience boutique

  • Perception de la marque en ligne : alignement avec l’expérience en magasin (feedback clients, NPS, retours des équipes retail)

Credit

Développement : Moon Moon