Le reconditionné souffre d'une image "low cost" et la livraison à distance
annule une partie de l'impact écologique positif.
L'approche
Carte de proximité + retrait local. L'utilisateur achète un device
reconditionné dans un atelier à proximité et le récupère comme un point relais.
Réduction des émissions CO₂.
L'exécution
1 semaine, tout seul : logo, DA complète, illustrations générées par IA
puis vectorisées, prototypage Light/Dark. Sprint complet de A à Z.
01Défi
Le paradoxe du reconditionné.
Acheter un iPhone reconditionné pour "sauver la planète", puis le faire livrer depuis
l'autre bout de la France, c'est contradictoire. La logistique longue
distance annule une partie de l'impact positif.
Le vrai problème n'est pas le recyclage : c'est la logistique.
02Recherche
Ce que disent les utilisateurs.
5 entretiens utilisateurs, 8 acteurs analysés (Back Market,
Recommerce, Refurbed…). Trois verbatim qui reviennent et structurent toute la stratégie produit.
Logistique contradictoire
« J'ai commandé un Pixel reconditionné. Il a fait 600 km en livraison. Ça m'a un peu cassé
le truc écolo. »
MMarie34 ans · LyonBesoin de proximité
« Si je peux aller le récupérer chez quelqu'un à côté, je préfère mille fois. C'est plus
humain, plus rassurant. »
KKarim28 ans · MarseilleConfiance par le contact
« Voir l'atelier en vrai avant d'acheter, ça change tout. La photo sur Back Market c'est
jamais ça. »
LLéa41 ans · Bordeaux
03Stratégie
Confiance par la preuve.
Trois décisions structurantes, une par friction identifiée en recherche. La logique : ne pas
adoucir le réel, l'utiliser comme preuve.
01
Standardiser le langage.
Le marché
« Reconditionné Grade B »
Terme opaque. L'utilisateur ne sait pas ce que ça veut
dire concrètement.
→
Revive
« Grade B · 92% batterie · micro-rayures »
Chaque grade est documenté en clair, à côté du prix.
Comparaison instantanée.
02
Montrer les défauts.
Le marché
Photos retouchées
Défauts mentionnés en bas de page, en gris clair, en
petit.
→
Revive
Macros des micro-rayures
Affichées dès la fiche produit. La transparence devient
argument de vente.
Photo du local, prénom du technicien qui a remis à neuf.
Preuve humaine.
04Architecture
Une fiche produit. Trois portes d'entrée.
Cinq onglets dans la tab bar, un seul chemin de confiance. Chaque décision du sitemap traduit
une friction identifiée en recherche : proximité, transparence, parcours fluide.
Sitemap Revive · 5 onglets · 3 chemins convergents vers la fiche produit
Lecture du flow
01
Localisation avant tout produit.
La géoloc n'est pas un filtre optionnel, c'est une étape obligatoire vers la fiche
produit. On ne montre jamais le catalogue mondial, uniquement les ateliers proches.
02
Trois chemins, une fiche.
Discover, Find et Favorite convergent vers le même écran Products. Aucune duplication
selon le contexte. La confiance se gagne au même endroit, avec les mêmes preuves.
03
Personnalisation isolée du checkout.
Configurer ses options et payer ne se fait pas dans le même écran. On laisse à
l'utilisateur l'espace mental pour customiser sans pression d'achat immédiate.
05Interface
Forest Green pour ancrer. Mint pour respirer.
Une palette pensée comme un récit : le vert profond pour la durabilité, le mint pour
l'apaisement, le noir pour la rigueur tech. Une seule famille typographique, trois niveaux qui
suffisent.
Palette
Black#0A0F0DTexte · ancre du système
Mint Cream#E8F3EESurfaces · pause visuelle
Forest Green#255F45Brand · CTA · ancrage durable
Aquamarine#7FDCB1Accents · highlights
Emerald#20B16DActive states · vitalité
Typographie
Titre · Inter 32/40 · Bold
Reconditionner sans compromis.
Sous-titre · Inter 20/28 · Medium
Une fiche produit, trois portes d'entrée.
Body · Inter 16/24 · Regular
Inter pour son rendu technique sur écran et sa lisibilité aux petites tailles. Une
seule famille, discipline imposée pour garantir cohérence et rapidité de build.
L'IA générative a un piège : bitmap non-éditable, parfois off-brand, jamais cohérent à
l'échelle. La discipline tient en deux temps : Ideogram pour explorer vite, Illustrator pour
livrer propre. Six illustrations cohérentes, dark mode compris, sans retouche manuelle après
livraison.
Avant / Après
01Output Ideogram brut
Bitmap non-éditable · résolution figée · style à recadrer sur la DA
→
02Vectorisé Illustrator
Vecteur scalable · light + dark · retouchable au pixel près
Workflow en 3 temps
01
Prompt structuré
Brief précis : style, palette Forest Green, composition,
mood. 3 à 5 itérations rapides par illustration.
02
Sélection on-brand
Tri sur cohérence DA Revive : verts naturels, illustrations
chaleureuses, lisibilité en thumbnail.
Onboarding · première impression rassuranteBring Tech Back · redonner vie aux appareilsCarte de proximité · atelier local en un clic
07Implémentation
Trois moments-clés du parcours.
Chaque moment répond à une friction identifiée en recherche. Voici les décisions de design qui
structurent l'expérience livrée : onboarding, recherche, tunnel d'achat.
Réponse à : Confiance par le contact7 écrans · onboarding
Poser la valeur en sept écrans.
Économie + Écologie en H1 dès le premier écran, pas en sous-titre. La valeur est
posée avant tout argumentaire.
Sept écrans plutôt que trois, parce que chaque écran répond à une objection précise
sur le reconditionné.
Illustrations IA chaleureuses (Forest Green) pour adoucir l'argument tech et installer
la confiance dès l'arrivée.
Réponse à : Besoin de proximité5 écrans · recherche
La carte avant le catalogue.
Carte interactive en première vue, pas une liste. La proximité s'affiche avant le
produit lui-même.
Fiche atelier accessible avant la fiche produit : on rassure sur qui vend avant ce qui
est vendu.
Distance et grade affichés à côté du prix sur chaque produit, pour une décision rapide
sans friction de filtrage.
Réponse à : Logistique contradictoire4 écrans · achat
La transparence jusqu'au paiement.
Impact CO₂ visualisé dans le panier (pas seulement en confirmation), pour que
l'argument écologique reste actif jusqu'au bout.
Récupération en main propre proposée avant la livraison standard : moins de logistique,
moins d'impact.
Confirmation avec récap atelier + technicien : la boucle de confiance se ferme avec un
visage humain.
08Bilan
Sept jours. Un sprint solo de A à Z.
Projet personnel, sans utilisateurs réels. Voici ce qui a été livré, ce qui a marché dans la
méthode, et ce que je referais autrement.
Livré
14 écrans, 6 illustrations, design system complet.
Logo, charte graphique et direction artistique "Eco-Tech"
Prototype Figma cliquable, modes Light + Dark
30+ composants atomiques documentés
Workflow IA (Ideogram → Illustrator) reproductible
Ce qui a marché
La méthode tient en 7 jours.
L'IA accélère sans remplacer. Ideogram divise par 3 le temps
d'exploration visuelle. La vectorisation Illustrator reste indispensable pour la qualité
prod.
Le scope tient grâce au design system. Penser composants atomiques en
jour 3 a permis de monter 14 écrans cohérents sans re-designer.
Ce que je referais
Tester avec 2-3 personnes, même informellement.
Aucun test utilisateur. Sans confrontation au réel, je projette mes
propres hypothèses. Même 30 minutes avec 2 amis sur le prototype auraient révélé des
frictions invisibles.
Fiche produit trop dense. Specs + atelier + grade + macros sur une
seule vue. Une hiérarchie en deux temps serait sans doute plus digeste.
Un projet similaire en tête ?
Envoyez-moi un brief, même 3 lignes. Je vous réponds personnellement sous 24h.
