Évolutions produits — La bouche rouge
🧭 Rôle & contexte global chez Unlikely Technologies
Unlikely Technologies – Support technique retainer (2022 – 2024)
En tant que référent support technique sur sept sites e-commerce (Louise Damas, Nina Ricci, Jean-Paul Gaultier, Withenew…), j’assurais, avec les chefs de projet, la gestion des tickets clients (bugs, correctifs, optimisations) via ClickUp. Ce processus structuré a permis de maintenir un délai de réponse optimal et de libérer les référents techniques, garantissant un service 100 % disponible même en période de forte activité.
Ce projet s’inscrit dans le cadre suivant :
- Périmètre : sept sites sur mesure (Louise Damas, Nina Ricci, Jean-Paul Gaultier, Withenew…) ;
- Mission : prise en charge des tickets clients (bugs, correctifs, nouvelles fonctionnalités, optimisations, appels) ;
- Processus : réception, priorisation hebdomadaire et traitement continu dans ClickUp ;
- Impact : libérer les référents techniques pour les rebuilds et maintenir un service 100 % disponible.
👩💻 Interventions clés
Service de gravure personnalisée
Contexte : lancement d’un service supplémentaire de gravure sur les écrins rechargeables avec supplément tarifaire ;
Défi : cadrer le périmètre fonctionnel, intégrer le module de saisie et synchroniser le prix et les métadonnées sur Shopify ;
Action :
- Workshops avec le client et le chef de projet pour définir les produits concernés, les icônes, la longueur du texte et le wording ;
- Développement d’un composant React/Next.js pour la saisie de la gravure, activable directement depuis Prismic sur chaque fiche produit ;
- Extension du panier pour afficher l’option de gravure et ajuster dynamiquement le prix ;
- Mise en place de custom metafields Shopify pour refléter la gravure sur les factures et gérer la tarification.
Bénéfice / Résultat : offre de personnalisation fluide, entièrement pilotée via le CMS, avec suivi précis dans Shopify.
Refonte de la navigation globale
Contexte : la navbar existante était trop rigide pour gérer la personnalisation d’items, d’icônes et de sous-menus avancés ;
Défi : livrer une navigation modulable et full-customizable en desktop et mobile, tout en couvrant tous les cas décrits en maquette Figma ;
Action :
- Refonte du composant navbar : configuration d’items (titre, icône, lien), sous-menus en colonnes, zones d’image au survol, styles éditables (typographie, couleurs) ;
- Adaptation mobile via un drawer responsive reprenant les mêmes possibilités de personnalisation ;
- Tests manuels poussés pour chaque scénario extrême (longueur de texte, absence d’icône, grands menus) ;
- Refactoring du serializer pour garantir la cohérence des données entre Prismic et Next.js.
Bénéfice / Résultat : navbar totalement personnalisable sans intervention dev, cohérente sur tous les devices et facile à faire évoluer.
Intégration de la gamme parfum
Contexte : lancement de la verticale “Les Parfums” nécessitant des pages produits, variantes et tunnel d’achat adaptés ;
Défi : modéliser les parfums dans Shopify et Prismic, et ajuster le front-end et le panier pour gérer offres et échantillons ;
Action :
- Création des fiches produit Shopify et définition des champs Prismic pour le nouveau catalogue parfum ;
- Développement du template Next.js dédié (sélection de variantes, présentation visuelle, description) ;
- Implémentation de la logique d’échantillons offerts sous conditions (front + backend) ;
- Mise en place d’une landing page marketing dans Prismic pour soutenir le lancement.
Bénéfice / Résultat : déploiement rapide de la gamme parfum, autonomie marketing totale et expérience d’achat enrichie.
⚙️ Stack & outils
- Next.js (TypeScript, ISR, SSR, SSG)
- Vercel (previews & déploiements)
- Prismic (CMS Headless)
- Shopify (Admin API, Storefront API)
- SCSS
- ClickUp, Figma, Algolia, Slack, Doppler
📈 Performances
Le site conserve de belles performances (Chrome UX Report, avril 2025) :
- LCP : 2,5 s
- INP : 122 ms
- CLS : 0,01
- FCP : 2,2 s
- TTFB : 0,4 s
🧠 Ce que j’en retiens
Renforcement de mes compétences en personnalisation produit headless, conception de composants modulaires et intégration full-stack Next.js × Shopify.