Piste d'identité pour la refonte d'iclope.com — 4 septembre 2026

Clair

Le site le plus simple à utiliser du secteur, tenu comme une bonne signalétique de pharmacie : grands caractères, grands boutons, une chose à la fois.

Nos clients sont des adultes qui ont arrêté de fumer, ou qui essaient. Ils reviennent toutes les trois à six semaines chercher le même liquide, la même cartouche, la même résistance. La piste « Clair » part de là : elle ne cherche pas à les séduire, elle cherche à leur faire gagner trois minutes et à leur éviter une erreur de taux.

Elle les traite en adultes intelligents. Les informations techniques sont toutes là — composition, ratio, compatibilités, dates — mais présentées comme une notice claire, pas comme une fiche technique à déchiffrer. Aucune décoration : chaque filet, chaque badge, chaque picto porte une information vérifiable.

Un seul geste mémorable : « Vos habituels », le réassort en un bouton, présent dans l'en-tête de chaque page, sur l'accueil, dans le compte et sur la confirmation de commande. Un second marqueur, plus discret : la mention nicotine traitée en cartouche soigné plutôt qu'en bandeau subi.

Palette

Dix valeurs, un rôle chacune. Le canard existe en deux versions : la vive pour les surfaces et les traits, la foncée dès qu'il s'agit de texte — la vive ne passe pas le seuil AA en petit corps, la foncée est à 6,3:1.

Blanc#FFFFFF
Fond de page
Perle#F1F3F2
Surfaces secondaires, en-tête mobile, champs
Ardoise#1E2A2A
Texte, pied de page, cartouche nicotine
Canard#1E8A85
Marque et structure : pictos, filets, contour choisi
Canard foncé#146B67
Le canard en version texte : 6,3:1 sur blanc
Menthe#CFEDE9
Fond des pictos, ligne choisie, encadrés conseil
Orange#F59E42
Achat uniquement, en fond, texte ardoise dessus
Framboise#E23E5C
Rupture, date passée, erreur. Rare
Gris texte#5C6664
Texte secondaire : 5,9:1 sur blanc
Filet#D5DBD9
Séparateurs de 1 px

L'orange n'est jamais du texte. Il est le fond du seul bouton qui fait acheter, avec du texte ardoise dessus (6,9:1). Sur un fond blanc, en texte, il tomberait à 2,1:1 : illisible.

Typographie

Une seule famille : Atkinson Hyperlegible, dessinée par le Braille Institute pour être lisible par des personnes malvoyantes. Ses lettres sont volontairement dissemblables — le zéro barré, le l et le I distincts, le a à double étage — ce qui règle un problème réel de notre catalogue : distinguer 0,6 Ω de 0,8 Ω, ou 18 mg de 1,8 mg. Deux graisses, 400 et 700, jamais d'italique décoratif, jamais de capitales.

Corps de texte à 18 px sur mobile, 19 px sur ordinateur, interligne 1,5. Huit crans, pas neuf. Les chiffres — prix, taux, ohms — sont toujours en 700 et plus gros que le texte qui les entoure.

52 px — chiffre unique3
40 px — titre de page (ordinateur)Le taux
32 px — titre de page (mobile)Choisir son taux
26 px — titre de sectionLes repères
22 px — titre de bloc, prixVos habituels
18 px — texte courantLe bon taux est celui qui vous évite de rallumer.
16 px — libellés, métaAlfaliquid · en stock
14 px — mentions, cartoucheProduit contenant de la nicotine.

Logotype

depuis 2012 i

Le logo actuel est simplifié : la mascotte est retirée, le mot est composé dans la police de la piste, en 700. Le point du i devient une pastille canard — c'est le seul geste graphique du logotype, et il se retrouve dans les pictogrammes ronds et dans l'icône d'application.

« depuis 2012 » reste attaché. Ce n'est pas un ornement : c'est l'argument que nos clients citent le plus souvent dans leurs avis, la preuve que les consommables seront encore en stock dans trois ans.

Imagerie

Photos produit réelles, sur fond blanc, grandes et jamais recadrées serré : le client doit reconnaître le flacon qu'il a chez lui. Aucune mise en scène, aucune personne, aucune vapeur — c'est la loi, et cela tombe bien, la piste n'en a pas besoin.

Alfaliquid

Classic FR-M, 10 ml

Le flacon, en entier, sur blanc

5,90 €

Geek Vape

Kit Aegis Solo 3

Le matériel, à plat, sans décor

69,90 €

Créavap

E-pipe Gandalf, palissandre

Les pièces artisanales, détaillées

189,00 €

Les quatre illustrations

Trois usages seulement, tous en aplat menthe ou blanc, jamais derrière du texte : l'illustration ne doit pas devenir un fond décoratif.

Flacon, pod et boîte de résistance vus de dessus sur fond menthe — Accueil — bandeau court, jamais plein écran.

Calendrier, trois consommables et une flèche circulaire — « Vos habituels » quand la liste est encore vide.

Formes arrondies menthe et canard — Bandeau de 96 px au-dessus des états vides et du 404.

Planche de douze pictogrammes ronds bicolores — Planche de référence — les pictos du site sont redessinés en SVG inline (22 symboles, trait de 2 px).

Les composants qui portent la piste

Voir la planche complète

Vos habituels

L'élément signature : une ligne par consommable, sa dernière déclinaison, un bouton.

Classic FR-M · Alfaliquid

Votre choix habituel : 6 mg/ml

Repris 9 fois · dernier achat le 12 août

5,90 €

Cartouches e-cigare · XO Havana

Votre choix habituel : Cubana, lot de 3

Repris 14 fois

6,90 €

Taux de nicotine : 6 mg/ml

0mg/ml 3mg/ml 6mg/ml 12mg/ml

Faible à moyen. Moins de dix cigarettes par jour.

Le sélecteur de taux, avec son explication qui change : c'est là que la piste remplace la fiche technique par une notice.

Les dix-sept écrans

Chaque écran est autonome, se rend à 390 px comme à 1280 px, et porte l'en-tête, le pied et le cartouche nicotine.

Ce que cette piste refuse

Les grilles denses et les petits textes : sur mobile, les résultats et le réassort sont des listes.
Les icônes filaires fines, les ombres portées décoratives, les dégradés.
Le hero plein écran, les fenêtres surgissantes, les effets au survol.
Les compte à rebours, les « meilleur prix », les badges promotionnels — la loi l'interdit, et le ton de la maison aussi.
Les étiquettes en capitales espacées au-dessus des titres, les mots colorés au milieu d'une phrase.
Plus de deux animations dans tout le site : le tiroir et le toast, et rien si le système demande à réduire les animations.