Situation de départ.
Pour vendre un téléphone reconditionné en ligne, il faut répondre aux questions avant le panier. J’ai donc placé l’état du téléphone, les contrôles, la garantie et le contact au centre des écrans.
Projet · Site e-commerce · identité visuelle
UniquePhone
E-commerce · identité visuelle
Rendre l’achat d’un téléphone reconditionné plus lisible.
J’ai dessiné le logo, la charte et les maquettes, puis repris le site à chaque nouvelle version.
RôleProjet réalisé seulIdentité, UI, UX, contenu et site
RelationAtelier indépendantContact direct avec le vendeur
Contrôle52 pointsContrôles annoncés pour les téléphones
Garantie12 mois14 jours pour changer d’avis
01Contexte et point de départ
Pourquoi je l’ai commencé.
Pour UniquePhone, j’ai dessiné le logo, la charte, les maquettes et les différentes versions du site. J’ai repris la hiérarchie et les écrans à chaque itération.
Question à traiter.
Le site devait montrer le téléphone, son état et les conditions de vente avant le paiement.
01
J’ai vérifié que le logo et les couleurs restaient lisibles sur le site, les fiches produit et les supports de communication.
02
J’ai dessiné le logo et la charte, puis je les ai appliqués aux pages de vente.
03
J’ai repris plusieurs fois la maquette pour faire remonter les informations utiles à l’acheteur.
04
À chaque version, j’ai placé le téléphone, son état et le parcours de commande avant le décor.
02Recherche et décisions
Les questions avant l’achat.
Je suis parti des questions que l’acheteur doit résoudre avant le panier. J’ai placé l’atelier, les contrôles et les conditions de vente avant le bouton d’achat.
Présenter l’atelier dès l’accueil
J’ai donné une place à l’atelier et au vendeur dans les premières pages du site.
Rendre les contrôles visibles
J’ai placé l’état du téléphone, la garantie et les vérifications dans les pages de vente.
Écrire avec le ton du vendeur
J’ai écrit des phrases courtes et affiché les informations que l’acheteur peut vérifier.
Reprendre le site à chaque version
À chaque itération, j’ai repris la hiérarchie, les composants et le parcours de commande.
03Identité visuelle
Identité de l’atelier.
J’ai construit une identité autour de l’atelier et de la vente directe, plutôt qu’autour d’une marketplace généraliste.
Construction du logotype
Un mot-marque plutôt qu’un pictogramme.
J’ai choisi un mot-marque typographique plutôt qu’un pictogramme de téléphone. Le détail distinctif se trouve dans la première lettre.
Un nom composé sans espace
UniquePhone est composé sans espace, avec une graisse forte et un rythme compact.
Un U ouvert sur mesure
La jambe droite du U s’interrompt avant la courbe pour créer une ouverture visible dans le mot.
Un signe lisible en petit format
Le signe reste lisible dans le mot-marque comme dans la version réduite utilisée sur le site.
Palette
Couleurs de l’identité.
Encre#1A1714Ancrage et texte principal
Ambre#C8956CAccent artisanal
Crème#FAF7F2Fond et respiration
Pierre#A69B8DTexte secondaire
Sable#E8E0D4Sections et séparateurs
Blanc cassé#FEFDFBSurfaces élevées
04Écrans et supports
Clarifier la fiche produit et le paiement.
Sur la fiche comme au paiement, j’ai placé le produit, son état et les contrôles avant les informations secondaires.
05Contenus et lancement
Décliner l’identité dans les contenus.
J’ai repris l’identité dans les textes, les photos, les supports sociaux et une campagne de trente jours.
Dire ce qui est vérifiable
J’ai écrit des phrases courtes et gardé les chiffres utiles au lieu de promettre trop.
Montrer le travail de l’atelier
J’ai privilégié les mains, les outils, l’établi et les détails réels aux images de produits mises en scène.
Organiser la communication autour des preuves
J’ai construit les contenus autour du contrôle, de la garantie et du soin avant de parler de promotion.
Fixer les règles de déclinaison
J’ai fixé les tailles, les espacements et les couleurs du logo pour garder la même lecture d’une page à l’autre.
06Site publié
Accueil, produit et paiement.
Sur l’accueil, la fiche produit et le paiement, j’ai gardé le même ordre : l’atelier, le téléphone, son état, puis les conditions de vente.
uniquephone.fr
07Architecture et outils
Les versions successives du site.
Le site a changé plusieurs fois. À chaque refonte, j’ai déplacé les contenus, simplifié la hiérarchie et repris le parcours de commande.
- Logo vectoriel
- Charte complète
- Palette chaude
- Typographie
- Iconographie
- Navigation du stock
- Fiche produit
- Signaux de confiance
- Panier
- Paiement
- Voix du fondateur
- Preuves atelier
- Descriptions produit
- FAQ
- Garanties
- Campagne 30 jours
- Réseaux sociaux
- Photographie
- Règles d’utilisation de la marque
08Liens et publication
Les informations avant l’achat.
Avant la commande, le site montre l’atelier, les 52 contrôles, la garantie, la livraison et le contact direct. J’ai vendu environ trois téléphones.
Contribution
Livrables.
Projet réalisé seul · identité, UI, UX et site e-commerce
Logo et système graphique
Charte et direction visuelle
Maquettes des pages clés
Versions du site e-commerce et fiches produit