AO Optic 2000 / Lissac—Code Store—Note de cadrage · 27.07.2026

Lissac ne manque
pas de style.
Il manque de système.

Point de départ, choix stratégique, deux pistes graphiques argumentées et plan de charge 4 jours pour la réponse à l'appel d'offres sur la refonte de l'écosystème digital.

Périmètre AO
Lissac · HP + PDP · Desktop & Mobile
Fenêtre
4 jours
Décision client
GO / NOGO Septembre 2026
Cible techno
Magento → Headless custom
00 — Le dossier

Ce qu'on a sur la table

Le point de départ tel qu'il est : le mandat, les cinq exigences client, les sous-tâches, et tous les liens du dossier au même endroit.

Le mandat

Optic 2000 et Lissac refondent leur écosystème digital et passent de Magento à du custom made headless. La mission créative : proposer une refonte graphique qui rende Lissac plus luxe et Optic 2000 plus féminin.

Pour l'appel d'offres, le périmètre se limite à Lissac : homepage + page produit, desktop et mobile. À penser comme pour KUONI — design system à composants réutilisables et, surtout, facile à administrer.

Fenêtre : 4 jours. Objectif : une réponse clé en main à remettre à Code Store.

Les sous-tâches

  • Magento vers custom madeContrainte techno structurante — c'est le sujet de la DSI
  • Refonte designLe livrable visible
  • Rendre Lissac plus luxe→ à requalifier : le territoire libre est le soin, pas le luxe (voir §03)
  • Optic 2000 plus féminiséHors périmètre AO, mais le brief client le porte au niveau groupe
  • DS composants réutilisablesLa vraie attente du jury technique (voir §05)
  • 2 HP Desktop + 1 Page Produit Desktop + 1 Mobile 2 écrans en scrollLes 2 HP = les 2 pistes graphiques. Le périmètre est cohérent avec le plan de charge §09

Les cinq exigences client

  • Mass marketInterdit de viser le luxe pur : 250 magasins, catalogue de Gucci à Disney Princess
  • Simple à administrerLe critère le plus discriminant, et le moins traité par la concurrence
  • Sublimer toutes les marques du revendeur80+ marques tierces + une vingtaine de marques propres
  • InspirerLe mot qui justifie la piste « Le Regard »
  • Faciliter le cross-achatEn magasin comme en ligne, avec des outils qui fluidifient le parcours

Ces cinq points sont la grille de lecture du jury. Chaque bloc proposé dans cette note est rattaché à au moins l'un d'eux.

Les liens du dossier

Sources client
Brief client — présentation DSIPPTX, 06/07/2026, partagé par Code Store le 21/07Lu
Kit UX/UI LissacUne seule frame de couverture — aucun composantVide
Bouclair — backup CasaFrame « All modules » réutilisable à ~70 % (voir §05)Base
Concurrents directs
Alain Afflelou859 M€ France (exercice 2025). Téléconsultation ophtalmo enterrée en dernier bloc de home. Aucun script d'avis sur tout le site.
KrysLeader — 1,457 Md€, 18,8 % de PDM (2025). « Réserver en magasin » se désactive dès qu'on choisit une correction.
Optical Center800+ magasins, zéro dispo produit en ligne. 4,5 étoiles codées en dur, identiques sur tous les produits.
Concurrents indirects
Lunettes Pour Tous33 boutiques — et pourtant le meilleur bloc de dispo magasin du marché (horaires, distance, stock à 3 niveaux)
PoletteLe seul dont le hero n'est pas une promo. Une seule photo portée sur tout le site.
Mister SpexA fermé ses activités en France — à rayer de tout benchmarkFermé
Shortlist inspirations
Ferm Living13 neutres chauds nommés, 6 types de blocs pour 12 instancesPartiel
OnComponentRenderer, bloc Look, mono-as-data, nav double axePartiel
The Other GlassesTemplate WPBakery, Google Fonts, « Made for the Few »Écarter
Ace & TateTaxonomie d'images, crop face-gravity, coloris = URLGarder
MontamontÉchelle d'overlay tokenisée, carte-objet universellePartiel
Icebug403 sur toutes les routes — et hors sujetÉcarter
IzipiziUI achromatique, format d'image unique, spacing pilotableGarder
Tes trois incertains
Maison Sarah LavoineDA mono-marque autoritaire — garder 3 composants, jeter le modèleNon
CubittsRéférence système n°1 du benchmarkOui
AesopUn principe à voler, pas un modèle à suivrePartiel
Ce qui manquait — ajouté au dossier
SézaneFéminin + luxe accessible + réseau physique + machine éditoriale calendaireAjout
24SL'arbitrage identité distributeur / identité fournisseur, déjà tranchéAjout
Warby ParkerL'étalon opérationnel du cross-canal en optiqueAjout
Le point de départ à battre
lissac.frMagento, thème Lissac/default — 94 % de sélecteurs communs avec Optic 2000
optic2000.comMême build, mêmes modules. Landing essayage virtuel dédiée que Lissac n'a pas.
01 — À traiter avant de dessiner

Trois trous dans le dossier

Rien ici n'empêche de démarrer, mais deux de ces points peuvent invalider une partie du travail s'ils ne sont pas levés dans les 24 h.

Bloquant

Le kit Figma est vide

Le fichier « KIT UX/UI LISSAC » partagé par le client ne contient qu'une frame de couverture (1280×832, fond aubergine, pastille rouge « KIT UX/UI »). Zéro composant, zéro token, zéro page. Soit tu n'as pas les droits sur les autres pages, soit ils t'ont envoyé la mauvaise URL. À réclamer aujourd'hui.

À qualifier

Quelle « nouvelle identité » ?

Le brief parle d'une « mise à la nouvelle identité visuelle compromise ». Or aucune refonte d'identité Lissac n'est publique en 2024, 2025 ou 2026. La dernière est celle de So Bang en 2022 (nouveau logo, « L'opticien qui change la vue », le rouge, codes mode). Optic 2000 a sorti « Engagés à 2000 % » en juin 2026 — mais c'est une signature pub par Australie, pas une charte. Demande le brandbook et sa date.

À relire

Ce brief n'est pas un brief créa

C'est une présentation DSI du 06/07/2026 : dette technique, TMA, ROI du replatforming, architecture cible. Le jury est technique et financier avant d'être créatif. Ta réponse doit ouvrir sur la gouvernance et le coût d'exploitation, pas sur la piste graphique.

02 — Diagnostic

Cinq constats qui portent tout l'argumentaire

Relevés le 27/07/2026 sur le code de production de lissac.fr, optic2000.com et des cinq concurrents. Ce sont tes munitions.

Constat 01

Lissac n'a pas de design system. Il porte celui d'Optic 2000.

Même build Magento, mêmes modules, 94 % de sélecteurs CSS communs entre les deux feuilles de style. 44 occurrences de « optic2000 » dans le CSS de Lissac, une @font-face nommée Optic2000-Icons appelée 8 fois, et zéro famille typographique nommée « Lissac ». Pire : le CSS Lissac appelle les polices de marque d'Optic 2000 sans les déclarer — ces règles retombent silencieusement sur Open Sans.

La seule différence de marque encodée entre les deux enseignes est une variable de couleur. C'est tout.

Constat 02

Le e-commerce ne pèse que 7 % de l'optique correctrice.

Contre 11 % pour le retail français en moyenne. Le marché est atone : +0,3 % en tendance annuelle 2026. Sur les solaires non correctrices, la vente en ligne monte à 25 % — mais le cœur de métier reste en magasin.

Conséquence directe : ce site n'est pas un tunnel de vente, c'est un outil de préqualification et de drive-to-store. Les KPI sont la prise de RDV, l'e-réservation, le Click & Collect et le store locator. Pas le taux de conversion. Le brief le dit d'ailleurs à sa manière : « jusqu'à 60 % des visites magasin sont influencées par le digital ».

Constat 03

La promo écrase le positionnement premium.

La home Lissac s'ouvre aujourd'hui sur « Soldes d'été 2026 : jusqu'à -60 % » et « 2ᵉ paire à partir de 1 € ». Le plan stratégique COOP 26/30 positionne pourtant Lissac comme l'enseigne premium du groupe, à faire passer de 250 à 300 magasins d'ici 2030.

Le 100 % Santé occupe déjà le bas du marché (19,9 % des équipements). Se battre sur ce terrain en home, c'est renoncer au panier progressif à 560 €.

Constat 04

80+ marques réduites à un mur de logos.

Gucci, Saint Laurent et Chloé au même niveau visuel que Les Loustics à 77 €. Aucune hiérarchie, aucun univers, aucun storytelling. Et une vingtaine de marques propres — Ibizcus, Medley, Drew.S, Maison Léo, Charlie Chill, Kumquat — qui sont le seul territoire où Lissac a de la marge et de l'exclusivité, traitées comme du remplissage.

C'est exactement le point du brief : « sublimer toutes les marques proposées par le revendeur ».

Constat 05

Un héritage de marque en jachère.

Georges Lissac, 1919. Le premier mégastore d'optique rue de Rivoli en 1938. Les montures AMOR adoptées par 95 % des opticiens français en 1947. Le verre organique ORMA en 1958, toujours au catalogue Essilor. La première prise en charge de la basse vision en France en 1968. Et surtout : les filiales de Lissac fusionnent en 1972 pour former Essilor.

Lissac est littéralement l'ancêtre d'Essilor. Krys et Afflelou n'ont pas ça. Aujourd'hui c'est rangé dans deux pages profondes, et la page des « 7 innovations » — le socle de la plateforme 2022 — renvoie une 404.

Ce que ça donne

L'argument d'entrée de ta réponse

« On ne retouche pas un thème partagé. On construit un système. »

Ça vaut mieux qu'une piste graphique en slide 1, parce que ça parle à la DSI (dette technique, autonomie, coût de TMA) et au marketing (enfin une identité à soi). Et c'est factuellement démontrable, code à l'appui.

03 — Choix stratégique

Le territoire libre n'est pas le luxe.
C'est le soin.

Deux axes suffisent à cartographier le marché français de l'optique : d'où vient la désirabilité (mécanique commerciale ↔ désirabilité éditoriale), et à quel point le magasin est réellement présent dans le parcours en ligne.

Le quadrant haut-droite est vide

Les réseaux ont le maillage et la légitimité santé et n'en font rien. Optical Center : 800+ magasins, zéro disponibilité produit en ligne. Krys : le bouton « Réserver en magasin » se désactive dès qu'on choisit une correction. Afflelou : la téléconsultation ophtalmologique — son meilleur actif — est enterrée en dernier bloc de home.

À l'inverse, les pure players ont la désirabilité mais ni réseau, ni tiers payant, ni réassurance santé. Ironie utile : c'est Lunettes Pour Tous, avec 33 boutiques, qui a le meilleur bloc de disponibilité magasin du marché.

Pourquoi « luxe » est le mauvais mot

Viser le luxe avec 250 magasins et un catalogue qui va de Gucci à Disney Princess, c'est se condamner à sonner faux. Et ça contredit le brief, qui demande explicitement du mass market et de la simplicité d'administration.

Le mot juste, c'est le soin. Le geste de l'opticien, la mesure, le sur-mesure, le prototype imprimé en 3D du Studio Lissac, la basse vision depuis 1968. C'est premium sans être élitiste, c'est tenable à 300 magasins, et c'est intenable pour un pure player — donc c'est défendable dans la durée.

Lissac ne vend pas des lunettes moins chères ni plus belles. Lissac est le seul à pouvoir dire : nous fabriquons votre monture sur mesure, et nous nous occupons des yeux que personne d'autre ne sait traiter.

Les cinq conventions du secteur qu'on casse

ConventionCe qu'on fait à la placePourquoi c'est sans risque pour le mass market
Le hero est une promoLa promo migre en barre persistante + PLP dédiée. Le hero porte une collection, un service ou une expertise.Le chiffre d'affaires promo n'est pas perdu, il est déplacé là où l'intention d'achat est déjà formée.
Le prix affiché est celui de la monture seulePrix d'équipement complet + reste à charge estimé après mutuelle.Le chiffre affiché monte, mais le chiffre qui compte pour le client descend. C'est le seul vrai anti-abandon du secteur.
Zéro photo portéePorté systématique sur plusieurs morphologies. Le VTO devient un complément, pas la seule réponse au « ça me va ? ».Aucun des 5 concurrents ne le fait. Et ça sert directement le brief « inspirer » et « féminiser ».
Zéro avis clientAvis qualifiés par le porteur : morphologie, correction, usage.Optical Center affiche 4,5 étoiles codées en dur, identiques sur tous les produits. Le terrain est libre et l'attaque est facile.
Le magasin est la sortie du siteLe RDV est la continuation du panier, pas son abandon. Un parcours, deux issues assumées.C'est le seul modèle cohérent avec 7 % d'e-commerce et 60 % de visites influencées par le digital.
04 — Pistes graphiques

Deux pistes, un seul système

Les deux directions tournent sur la même colonne vertébrale technique : mêmes tokens, même échelle typographique, mêmes composants, mêmes gabarits. Seuls changent la photographie, la densité et le rythme.

C'est ça, l'argument qui fait gagner l'AO. Tu ne proposes pas deux refontes, tu proposes un système et deux réglages. Le client choisit une direction artistique sans rejouer le chiffrage, et il comprend immédiatement qu'il pourra en changer dans deux ans sans tout refaire.

Piste A

L'Atelier

La désirabilité vient de l'expertise. Le geste, la mesure, la matière, la preuve. Lissac est un atelier qui prouve.

Registre
Atelier, laboratoire, précision. Macro matière (acétate, bois, titane), plans de coupe, cotes en millimètres, mains au travail.
Typographie
Un grotesque variable unique en display et UI + un mono pour toute donnée chiffrée : prix, cotes, corrections, tailles. Le mono fait la crédibilité technique à coût zéro.
Densité
Serrée. Beaucoup d'information par écran, hiérarchie portée par la graisse et la règle, pas par le blanc.
Couleur
Blanc pur en base, nuancier de neutres chauds nommés en surfaces secondaires. Le rouge Lissac uniquement en signal : état actif, badge, soulignement. Jamais en aplat de fond.
Preuve d'expertise
Studio Lissac et le prototype 3D en bloc de home, au même rang qu'un bloc marchand. Tailles en mm. Fiche produit qui explique le verre autant que la monture.
Ce que ça sert du brief
« Simple à administrer », « sublimer les marques », préparation de la visite magasin, différenciation vs Krys/Afflelou.
Risque : si la photo n'est pas tenue, ça bascule en « artisan sympa » plutôt qu'en premium désirable. Et c'est la piste la moins « féminine » des deux — à corriger par le casting et la lumière, pas par la couleur.
Piste B

Le Regard

La désirabilité vient du visage. Le porté, la lumière, l'émotion. Lissac est une maison qui révèle.

Registre
Galerie, portrait, magazine. Le site est un espace d'exposition où chaque marque a son accrochage. Photo plein cadre, casting large en âges et morphologies.
Typographie
Même grotesque variable, mais échelle beaucoup plus large : titres très grands, interlettrage ouvert, corps de texte en colonnes étroites.
Densité
Très aérée. Peu de blocs par écran, marges généreuses, la hiérarchie est portée par le blanc et l'échelle.
Couleur
Interface totalement achromatique. Les seules couleurs du système sont fonctionnelles (en stock, stock faible, rupture, erreur). Toute la couleur vient des montures et des peaux. Le rouge Lissac apparaît 1 à 2 fois par page maximum.
Preuve d'expertise
Elle passe par le portrait et le témoignage plutôt que par la donnée : « pourquoi elle porte celle-là ». Les expertises deviennent des histoires de clientes.
Ce que ça sert du brief
« Inspirer », « placer la cliente au cœur », féminisation, montée en gamme, cross-achat par le désir.
Risque : dépendance forte à la production photo et à une direction éditoriale permanente. Sans rédacteur ni budget shooting récurrent, ce système s'affaisse en six mois. À chiffrer explicitement dans la réponse — et c'est un argument de vente : tu proposes le dispositif de gouvernance qui va avec.

Ma recommandation

Présente A comme la recommandation, B comme l'ambition. A est plus défendable devant une DSI, moins cher à exploiter, et ancré dans des actifs de marque réels et vérifiables. B est plus spectaculaire et répond mieux au mot « inspirer », mais engage un budget de production que personne n'a encore chiffré.

Et surtout : le vrai livrable, c'est le système commun. Si le client hésite, tu proposes A en socle avec des respirations B sur les temps forts — collections, marques propres, campagnes saisonnières. Ce n'est pas un compromis mou, c'est une gouvernance : le quotidien est dense et efficace, l'événement est aéré et désirable.

05 — Design system

La colonne vertébrale

Dix mécaniques, classées par rapport bénéfice/coût. C'est ce qui répond à « composants réutilisables » et « facile à administrer » — et c'est la partie que le jury technique lira vraiment.

01

Échelle typographique à trois registres nommés

h-96/64/48/32/24/20/16, p-20/16/14/12, ui-16/14/12, miroir complet desktop/mobile, un seul poids, une seule fonte variable. La taille est dans le nom de la classe. Un rédacteur ou un intégrateur choisit p-16 sans arbitrage de design. Réf. Cubitts.

02

Interface achromatique, couleur réservée aux états

Blanc #FFFFFF, encre rgb(25,25,25), bordures rgba(0,0,0,.06). Les seules couleurs du système sont instock, lowstock, outofstock, error, success. C'est la condition de survie du multi-marques : une écaille Ray-Ban, un doré Chanel et une couleur maison ne peuvent cohabiter que sur une interface qui ne prend pas parti. Réf. Izipizi.

03

Slots d'image nommés + recadrage automatique sur le visage

6 à 8 emplacements imposés — Face, Trois-quarts, Profil, À plat, Porté, Détail, Nuancier — un ratio unique, et un crop gravity:face par le CDN. Une marque qui ne livre que 3 vues occupe 3 slots, les autres tombent en fallback. C'est la seule réponse industrielle à l'hétérogénéité de 80 fournisseurs. Réf. Ace & Tate.

04

Un token de fond pour tous les packshots

Un fond unique, légèrement froid, jamais du blanc pur. Combiné au point 03, c'est ce qui fait qu'une grille de 80 marques ressemble à une collection au lieu d'un tableur. Réf. Cubitts #edeff1.

05

Échelle d'overlay tokenisée

overlay 20/40/60/80 en noir et en blanc, proposée comme réglage de bloc dans le CMS. Garantit qu'un titre reste lisible sur n'importe quelle photo chargée par un non-designer. Quelques lignes de CSS, meilleur ratio garde-fou/effort de tout le benchmark. Réf. Montamont.

06

8 à 10 blocs CMS maximum, aucun bloc « HTML libre »

Cubitts fait sa home avec 2 types de blocs. Ferm Living avec 6. Le contre-exemple est double : un page builder libre, ou un bloc « contenu libre » laissé dans le back-office. Dans les deux cas le design system devient décoratif en trois mois.

07

Navigation à double entrée

Le catalogue est adressable par marque et par besoin (progressif, écran, solaire, sport, enfant, sur-mesure) — et par morphologie. Indispensable quand on vend le produit des autres : le besoin est ton territoire, la marque est le leur. Réf. On, Izipizi.

08

Quatre facettes de filtre. Pas cinq.

Forme, coloris, taille, marque. Plus un sélecteur de densité de grille. Les tailles annoncées en millimètres avec la correspondance morphologique en clair. Chaque facette supplémentaire est un abandon de panier. Réf. Cubitts.

09

Le service au même rang hiérarchique que le produit

« Prendre rendez-vous avec votre opticien » traité comme un bloc marchand, pas comme un lien de footer. Disponibilité magasin dans la fiche produit. Prix annoncé verres inclus dans la carte produit. C'est le levier de cross-achat le plus direct du benchmark. Réf. Aesop, Ace & Tate, Warby Parker.

10

Galerie de morphologies + composant « Look »

Quatre visages réels et différents portant le même modèle. Plus un bloc shop-the-look : monture optique + solaire assortie + verre. Répond simultanément à « inspirer » et à « faire monter le panier ». Réf. Cubitts, On.

Ce que tu récupères de Bouclair

Ton fichier Bouclair est structuré exactement comme il faut : une frame All modules qui liste les blocs, et des instances de composants nommés. Environ 70 % du squelette est transposable en une journée — c'est ce qui rend les 4 jours tenables.

Composant BouclairTransposition Lissac
Hero (image 950px + circle_card_product + bloc texte)Hero collection ou expertise, avec la pastille produit qui devient le modèle mis en avant ou le service (Studio Lissac).
Product-cards=large (319×393)Carte monture. À enrichir : prix verres inclus, état de stock, dispo magasin.
Sales + CTA=tagCarrousel filtré par tags — devient l'entrée « par besoin » plutôt que « par promo ».
Pushs (composition asymétrique 3 formats)Bloc éditorial marque / expertise. Le seul bloc qui autorise une respiration.
all_categoriesEntrées par usage et morphologie.
Banner reassuranceRéassurance santé : tiers payant, garantie paire parfaite, retouches en magasin, 250 magasins.
Kids (bloc dédié 2337px)KIDS+ — actif différenciant majeur de Lissac, et 27,8 % du 100 % Santé se joue sur l'enfant.
06 — Gabarits

Ce que tu dessines

Le périmètre demandé : 2 HP desktop (une par piste), 1 PDP desktop, 1 mobile en 2 écrans scrollés.

Homepage — l'ordre des blocs

01
Barre de service persistante

Promo en cours + prise de RDV + magasin sélectionné. La promo existe, elle n'occupe plus le hero.

Nouveau
02
Hero — collection ou expertise

Une image, un titre, un CTA. Overlay tokenisé. Jamais de carrousel : un carrousel de 5 slides, c'est 5 messages que personne ne lit.

Cœur
03
Entrées par besoin

Progressif · Écran · Solaire · Sport · Enfant · Sur-mesure. 6 tuiles, 6 images, 6 libellés. Coût CMS dérisoire, gain de qualification immédiat.

Cœur
04
Sélection produit — prix verres inclus

Grille de cartes. État de stock, dispo magasin, prix d'équipement. Filtres par tag au-dessus.

Cœur
05
Studio Lissac — le sur-mesure

Le bloc qui gagne l'AO. Prototype imprimé en 3D, ~10 jours, acétate ou bois, gravure du nom. Personne d'autre en France ne peut mettre ça en home.

Signature
06
Architecture de marques — pas un mur de logos

Trois étages assumés : maisons de luxe · créateurs et mode · marques Lissac. Chaque étage a son traitement. Les marques propres ont enfin un univers.

Signature
07
Prendre rendez-vous — bloc marchand

Store locator + créneaux + ce qui se passe pendant le RDV. Traité comme un bloc produit, pas comme un lien.

Cœur
08
KIDS+ et expertises

Basse vision, presbytie, vision complexe. La preuve que Lissac soigne, pas seulement qu'il vend.

Différenciant
09
Réassurance + footer

Tiers payant, garantie paire parfaite, retouches à vie, 250 magasins, certification AFNOR.

Socle

Page produit — l'ordre des blocs

01
Galerie multi-vues + portés

Slots nommés. 3 vues produit minimum + 2 à 4 portés sur morphologies différentes. VTO en entrée secondaire, pas en promesse principale.

Rupture
02
Bloc décision

Marque · modèle · coloris (chaque coloris = une URL) · taille en mm avec correspondance morphologique · prix d'équipement + reste à charge estimé.

Rupture
03
Double sortie assumée

Configurer mes verres et commander — et — Réserver en magasin, avec dispo temps réel et créneaux. Deux CTA de même poids visuel. C'est le cœur du cross-canal.

Signature
04
Éditorial de marque — remonté

Le contenu existe déjà sur le site actuel, il est enterré sous les specs. Il remonte au-dessus du tableau technique.

Quick win
05
Fiche technique en mono

Cotes, matière, charnière, catégorie de protection. Le mono fait la crédibilité sans coûter un centime.

DA
06
Avis qualifiés par le porteur

Morphologie, correction, usage. Le marché entier est à zéro sur ce point.

Rupture
07
Look complet + réassurance

Solaire assortie, seconde paire, étui. Puis garantie et retouches.

Panier

Mobile — les 2 écrans à choisir : le premier scroll de home (barre de service → hero → entrées par besoin) et le bloc décision de la PDP (galerie → prix + reste à charge → double CTA). Ce sont les deux moments où ton parti pris est visible et où le cross-canal se joue.

07 — Inspirations

Ta shortlist, arbitrée

Analyse du code de production de chaque site : tokens, @font-face, conventions de nommage d'images, inventaire des sections CMS. Verdict au regard de deux critères : est-ce que ça sait accueillir des marques tierces, et est-ce que ça tient entre les mains d'un non-designer.

RéférenceVerdictCe qu'on prend — ou pourquoi on écarte
CubittsGarderTa référence système n°1. Home en 2 types de blocs seulement. Échelle typo nommée par sa taille en pixels, une seule fonte variable, tous les poids à 400. Token de fond de packshot. 3 facettes de filtre. Tailles en mm + galerie « on faces ». À voler quasiment tel quel. Seul bémol : DA volontairement austère, à réchauffer.
Ace & TateGarderTa référence production n°1. Taxonomie d'images nommée et appliquée à 100 %, recadrage face-gravity au ratio 0,8 sur 500+ visuels, un coloris = une URL = une fiche, prix verres inclus dans la carte. C'est la chaîne industrielle qui manque à Lissac.
IzipiziGarderLa gouvernance couleur : interface 100 % achromatique, couleurs réservées aux états de stock. Format d'image unique inscrit dans le nom de fichier. Échelle d'espacement pilotable par une variable. On prend le système, pas le ton — trop plat pour une montée en gamme.
Ferm LivingPartielLe nuancier de 13 neutres chauds nommés (cashmere, parchment, oyster) exposé au CMS comme seules valeurs de fond autorisées, et la discipline « 6 blocs pour 12 instances ». C'est ce qui apporte la chaleur qui manque à Cubitts. On écarte le serif display et l'univers déco.
OnPartielL'architecture headless (un point d'entrée unique qui instancie n'importe quel bloc depuis le CMS), le composant Look, le mono pour toute donnée chiffrée, la navigation à double axe. On vole l'architecture, pas l'esthétique sportive.
MontamontPartielL'échelle d'overlay tokenisée en 8 crans — le meilleur garde-fou anti-non-designer du lot — et la carte-objet universelle (même gabarit pour un lieu, un article, un produit). On laisse la vidéo cinématique : c'est un budget récurrent déguisé en choix esthétique.
The Other GlassesÉcarterCe n'est pas un système, c'est un template WordPress habillé de vidéo — 593 classes de page builder dans le HTML, Google Fonts par défaut. Et le positionnement « Made for the Few », noir, exclusif, masculin, est l'exact opposé du brief. Un slogan d'anti-réseau pour un métier de proximité.
IcebugÉcarterSite inaccessible (403 sur toutes les routes, archive refusée) — et hors sujet même s'il ne l'était pas. Outdoor technique saisonnier, storytelling RSE-first : rien de transposable.

Tes trois incertains — mon avis tranché

RéférenceVerdictArgument
CubittsOui, à fondTu avais raison de douter pour la DA, tort de douter pour le système. C'est la meilleure ref du lot, mais prends-la comme une architecture, pas comme une esthétique. Deux blocs de page, une fonte variable, une échelle nommée : un non-designer ne peut littéralement pas se tromper.
AesopUn principe, pas un modèleLe principe à voler est énorme : le service traité au même rang hiérarchique que le produit — un bloc entier consacré au conseil humain, au même niveau qu'un bloc marchand. Pour Lissac c'est exactement l'argument. Mais écarte la DA : une direction d'auteur aussi affirmée écraserait les 80 marques que Lissac est payé pour valoriser, et le système entier repose sur une direction éditoriale et photographique permanente. Sans rédacteur dédié, il s'effondre en deux mois.
Maison Sarah LavoineNonC'est une DA mono-marque autoritaire, construite autour d'une couleur propriétaire. Elle absorbe et neutralise tout ce qu'elle accueille. Or Lissac vend le produit des autres. Garde trois composants et jette le reste : le token de couleur signature (base + version foncée pour les états), le bloc filet — un séparateur graphique disponible au CMS, qui donne au rédacteur un moyen légitime de créer une respiration au lieu d'insérer une image vide — et le bloc réassurance éditable sans dev.

Les trois références qui manquent à ta shortlist

Ton angle mort : aucune de tes dix références ne résout le problème central de Lissac — faire cohabiter des dizaines de marques tierces sous une DA maison, avec un réseau physique. Cubitts, Ace & Tate, Izipizi, TOG, Ferm Living, Sarah Lavoine, On, Aesop : tous mono-marque.

Manquant 01

Sézane

Le seul cas français qui exécute exactement ton positionnement : féminin, luxe accessible, réseau physique revendiqué, storytelling mensuel. Et surtout une machine éditoriale calendaire qui tourne toute l'année sur des gabarits fixes. Le rythme de publication y est un composant, pas un projet. C'est le modèle de gouvernance à copier.

Manquant 02

24S (LVMH)

LA référence manquante sur « sublimer les marques tierces ». Chaque maison a son URL, son merchandising, son traitement — sous une charte maison qui ne s'efface jamais. C'est précisément l'arbitrage que tu dois rendre : où s'arrête l'identité du distributeur, où commence celle du fournisseur. 24S a tranché. Va lire comment.

Manquant 03

Warby Parker

L'étalon opérationnel du cross-canal en optique. Home Try-On, VTO, prise de RDV pour examen de vue, store locator, quiz de style comme point d'entrée, guides de forme de visage. Ace & Tate et Cubitts en font une partie ; Warby Parker fait l'ensemble et l'a industrialisé.

Note au passage : Mister Spex a fermé ses activités en France. À rayer de tout benchmark concurrentiel si Code Store l'a mis dans le sien.

08 — Argumentaire

Ce qui fait gagner l'AO

Le jury est une DSI avec un GO/NOGO en septembre et une réalisation en 2027. Il achète une réduction de risque avant d'acheter une piste graphique.

Argument 01

« Lissac n'a pas de design system. »

Preuve à l'appui : 94 % de sélecteurs CSS partagés avec Optic 2000, une police d'icônes nommée Optic2000-Icons, des polices de marque appelées mais jamais déclarées, une variable de couleur pour toute différenciation. Ouvre là-dessus. Ça positionne immédiatement le sujet sur la gouvernance, pas sur le goût — et ça rend le débat « j'aime / j'aime pas » secondaire.

Argument 02

« Deux pistes, un seul système. »

Tu ne proposes pas deux refontes. Tu proposes une colonne vertébrale et deux réglages. Le client choisit une direction artistique sans rejouer le chiffrage — et il comprend qu'il pourra en changer dans deux ans sans tout refaire. C'est exactement ce qu'un replatforming headless est censé permettre : tu démontres la promesse techno par le design.

Argument 03

« 10 blocs. Pas un de plus. »

Le brief dit « back-office complexe », « démultiplication des outils », « autonomie accrue des équipes ». Chiffre-le : nombre de blocs, nombre de champs par bloc, temps estimé pour publier une collection. Un chiffre vaut trois adjectifs. Et engage-toi sur le refus des blocs « contenu libre » — c'est ce qui tue tous les design systems à 18 mois.

Argument 04

« Le KPI n'est pas la conversion. »

7 % d'e-commerce sur l'optique correctrice, 60 % des visites magasin influencées par le digital. Assume-le : le site est un outil de préqualification et de drive-to-store. Propose les bons KPI — RDV pris, e-réservations, C&C, taux de complétion du profil visuel. Ça montre que tu as compris le métier et pas seulement le e-commerce.

Argument 05

« Le reste à charge, pas le prix monture. »

Les cinq concurrents affichent un prix qui ne correspond à aucune transaction réelle. Toi, tu affiches l'équipement complet et le reste à charge estimé. Le chiffre affiché monte, le chiffre qui compte descend. C'est une rupture forte, facile à défendre, et elle sert le 100 % Santé sans en avoir l'air.

Argument 06

« Studio Lissac en home. »

Monture 100 % personnalisée, prototype imprimé en 3D en dix jours, acétate ou bois, gravure du nom, certificat d'authenticité. Aucun concurrent français ne peut mettre ça en page d'accueil. Aujourd'hui c'est enterré. C'est le bloc qui prouve « premium » et « sur-mesure » en une image — et il existe déjà, il n'y a rien à inventer.

09 — Plan de charge

Quatre jours

Le seul risque réel du planning, c'est de dessiner avant d'avoir figé les tokens. Une journée de système fait gagner deux journées d'écran.

J1

Système & direction

  • Relance client : kit Figma + brandbook
  • Tokens : couleur, typo, espacement, overlay, fond packshot
  • Échelle typo h/p/ui, desktop + mobile
  • Grille, breakpoints, densité
  • Import et nettoyage du squelette Bouclair
  • 2 moodboards — Atelier / Le Regard
J2

Les deux homepages

  • Composants : carte produit, hero, tuile besoin, bloc marque
  • HP Piste A desktop, 9 blocs
  • HP Piste B desktop, mêmes blocs, autre réglage
  • Recherche iconographique et casting
J3

PDP & mobile

  • PDP desktop sur la piste recommandée
  • Bloc décision : prix + reste à charge + double CTA
  • Mobile — scroll 1 : home
  • Mobile — scroll 2 : bloc décision PDP
  • Passe accessibilité : contrastes, cibles tactiles, focus
J4

Narration & livraison

  • Diagnostic chiffré, code à l'appui
  • Planche système : blocs, champs, gouvernance
  • Argumentaire des 5 ruptures
  • Exports, prototype scrollé, répétition
  • Marge de sécurité — ne pas la consommer

Un mot sur l'accessibilité — tu la connais mieux que moi. Sur un AO d'optique, le RGAA n'est pas une case à cocher : le client vend à des malvoyants depuis 1968 et fait de la basse vision son actif historique. Un site Lissac non accessible est une contradiction de marque, pas une non-conformité. Mets-le dans l'argumentaire, pas dans les annexes — et l'EAA est applicable depuis juin 2025.

10 — À faire trancher

Ce que tu demandes au client dès demain

  1. Le vrai kit Figma.Celui qui a été partagé ne contient qu'une page de couverture. Sans les composants et les tokens, tu repars de zéro — ce qui change le chiffrage.
  2. De quelle nouvelle identité visuelle parle le brief, et quelle est sa date ?Aucune refonte Lissac n'est publique depuis So Bang en 2022. Demande le brandbook. Si la charte est en cours ailleurs, tu dois le savoir avant de choisir une typo.
  3. Le rouge : quelle valeur exacte, et quel statut ?Le code de production laisse une ambiguïté entre les deux enseignes. Et surtout : le rouge est-il une couleur de surface ou un signal ? Ta réponse à cette question détermine 60 % de la DA.
  4. La mutualisation technique avec Optic 2000 : contrainte ou variable ?Si les deux sites doivent rester sur un socle commun, ta proposition change radicalement. Si le headless permet enfin de les séparer, c'est ton meilleur argument.
  5. La taxonomie officielle des marques.Marque propre du groupement / marque exclusive sous licence / marque tierce. C'est structurant pour l'architecture des pages marque, et ce n'est pas déductible du site.
  6. Les KPI cibles.Conversion e-commerce ou drive-to-store ? Dans un marché à 7 % en ligne, la réponse doit être explicite — et elle change la hiérarchie de la home.
  7. Le budget de production photo récurrent.Question déterminante pour arbitrer entre les deux pistes. Sans shooting régulier, la piste « Le Regard » n'est pas tenable.
  8. Qui administrera le site, et combien sont-ils ?« Simple à administrer » n'a pas le même sens pour une équipe de 2 personnes que pour 250 magasins autonomes. C'est probablement la question la plus sous-estimée du brief.