Aller au contenu
Kylian PIGEON
Tous les projets

E-commerce • Direction artistique • Web design • Contenu

Thés & TraditionsFaire évoluer
l’expérience
d’une marque.

Dans le cadre de mon alternance chez Thés & Traditions, j’interviens sur différents points de contact de la marque, de l’expérience e-commerce jusqu’à la création de contenus et d’outils internes.

Coffret cadeau Thés & Traditions posé sur un fauteuil en tissu bouclé
Direction artistiqueUI/UX & web designCréation de contenusOutils internes
Client
Thés & Traditions
Année
2025 – 2026
Mon rôle
Direction artistiqueUI/UXWeb designCréation de contenusAutomatisation
Outils
FigmaPhotoshopPrestaShopHTML / CSS / JavaScript

Le contexte

Faire évoluer une marque
sur l’ensemble de son écosystème digital.

Thés & Traditions évolue dans un univers où l’expérience de marque ne s’arrête pas au produit. Site e-commerce, packaging, contenus sociaux, présentation des gammes et outils internes participent tous à la perception de l’entreprise.

Mon travail consiste à intervenir sur ces différents points de contact afin de construire une expérience plus cohérente, moderne et efficace.

L’objectif : moderniser l’image de la marque, améliorer l’expérience utilisateur et construire des solutions adaptées aux besoins réels de l’entreprise, tout en conservant son univers autour du thé et de la découverte.

Les objectifs

  • Moderniser l’expérience e-commerce
  • Faire évoluer l’univers visuel de la marque
  • Mieux valoriser les produits et leurs différentes gammes
  • Créer des contenus cohérents pour les réseaux sociaux
  • Améliorer certains workflows internes grâce au design, au développement et à l’automatisation

E-commerce

Repenser l’expérience
de découverte des produits.

Une partie importante de mon travail concerne l’évolution de l’expérience e-commerce de Thés & Traditions.

J’ai travaillé sur une nouvelle approche de la page d’accueil et de la présentation des produits, avec une direction davantage orientée vers l’image, les recettes et la découverte des différentes familles de thés.

L’objectif n’est pas uniquement esthétique : il s’agit également de mieux hiérarchiser l’information et de rendre l’univers de la marque plus identifiable tout au long du parcours utilisateur.

Les chantiers

  • Une page d’accueil orientée image et recettes
  • Une découverte par familles de thés
  • Une information mieux hiérarchisée
  • Un univers de marque identifiable tout au long du parcours
  • La nouvelle approche de la page d’accueil, sur ordinateur
  • Le parcours de découverte des produits, sur mobile

Produit & packaging

Donner davantage
de valeur au produit.

J’ai également travaillé sur la manière dont les produits sont présentés visuellement : packaging, coffrets cadeaux, doypacks, boîtes métalliques, boissons et différentes mises en situation.

Cette réflexion permet de construire une présentation plus cohérente entre le site, les fiches produits, les réseaux sociaux et les différents supports commerciaux.

Les supports
mis en cohérence.

  • Coffrets cadeaux

  • Doypacks

  • Boîtes métalliques

  • Mises en situation

  • Coffret cadeau présenté en situation
  • Collage de visuels de marque Thés & Traditions : packshots, mises en situation et contenus réseaux sociaux
  • Boîtes métalliques photographiées en packshot

Contenu

Faire vivre la marque
au-delà du catalogue.

Mon travail s’étend également à la communication quotidienne de la marque.

Recettes, contenus Pinterest, carrousels pédagogiques, valorisation des avis clients, mises en scène produits ou contenus autour de l’origine et de la consommation du thé permettent de développer un univers éditorial autour des produits.

Les formats

  • Recettes
  • Contenus Pinterest
  • Carrousels pédagogiques
  • Valorisation des avis clients
  • Mises en scène produits

Design × technologie

Créer aussi les outils
derrière l’expérience.

Mon intervention ne s’arrête pas aux supports visibles par les clients.

J’ai également travaillé sur des outils utilisés en interne afin d’améliorer certains workflows de production et de gestion.

  • Interface de picking

    Une interface interne connectée à PrestaShop, pensée pour la préparation des commandes.

  • Automatisation Photoshop

    Des scripts qui prennent en charge les tâches répétitives de production graphique.

Une interface pensée
pour le workflow réel.

Développement d’une interface interne connectée à PrestaShop permettant de faciliter certaines opérations liées à la préparation des commandes.

Ce que l’outil apporte

  • Une interface adaptée au workflow réel
  • La gestion des commandes au même endroit
  • La visualisation des informations nécessaires
  • Une expérience interne plus fluide

Automatiser ce qui
se répète.

Création de scripts permettant d’automatiser certaines tâches répétitives de production graphique.

Objectif : réduire les manipulations répétitives et accélérer la production.

Les tâches automatisées

  • Génération et export de mockups
  • Renommage automatique des fichiers
  • Déclinaisons produits
  • Traitements par lots
Un script d’automatisation Photoshop et les déclinaisons qu’il produit

Le processus

De la réflexion
à la mise en place.

  1. 01

    Analyser

    Comprendre l’existant, les besoins de l’entreprise et les contraintes réelles.

  2. 02

    Explorer

    Rechercher des références et construire différentes pistes visuelles ou fonctionnelles.

  3. 03

    Concevoir

    Créer les interfaces, visuels, contenus et prototypes.

  4. 04

    Produire

    Décliner les créations et développer les solutions nécessaires.

  5. 05

    Améliorer

    Observer l’utilisation réelle, recueillir les retours et faire évoluer les solutions.

Les résultats

Ce que ce travail
a apporté.

  • Une identité plus cohérente

    Des supports digitaux et commerciaux qui partagent davantage le même langage visuel.

  • Une expérience plus structurée

    Une réflexion UI/UX permettant de mieux organiser la découverte des produits.

  • Des workflows optimisés

    Des outils et automatisations permettant de simplifier certaines tâches répétitives.

Projets suivants

D’autres projets à découvrir.

  • Checkpoint sur écran et sur mobile, visuel principal de l’étude de cas

    Checkpoint

    • direction artistique
    • product design
    • éditorial
    • développement

    Un média gaming indépendant imaginé de A à Z : ligne éditoriale, identité visuelle et application sur-mesure.

    Voir le projet Checkpoint
  • L’univers EVA Valence : le centre de réalité virtuelle et sa communication

    EVA Valence

    • direction artistique
    • communication
    • événementiel
    • social media

    Direction artistique, communication et création de contenus pour un centre de réalité virtuelle dédié au gaming.

    Voir le projet EVA Valence
  • MV Translation Studio ouvert sur un ordinateur portable, visuel principal de l’étude de cas

    MV Translation Studio

    • product design
    • ui/ux
    • développement

    Une application desktop pour traduire les jeux RPG Maker MV et MZ sans manipuler leurs fichiers.

    Voir le projet MV Translation Studio

On travaille ensemble ?

Un projet en tête ?

Une identité, une interface, un site ou simplement une idée à explorer ? Je suis disponible pour en discuter.