Coolblue app.
Une refonte conceptuelle indépendante de l’app Coolblue, réalisée sous forme de prototype fonctionnel à parcourir vous-même plutôt qu’en vidéo.
- Client
- Coolblue (concept, sans commande)
- Année
- 2026
- Rôle
- UX, UI, prototype
- Périmètre
- App mobile, 13 parcours
- Stack
- HTML · CSS · JavaScript
01 / Le problème
Une app d’achat se joue dans les moments ennuyeux : trouver le produit, le payer, l’attendre.
Il s’agit d’un concept personnel, réalisé ni pour ni avec Coolblue. La question était simple : que donnerait l’app si chaque parcours tenait la promesse de sourire de la marque, de la première recherche jusqu’au remboursement ?
Le périmètre couvrait donc tout le parcours, pas un seul écran vitrine : recherche, fiche produit, paiement, suivi de livraison, retrait en magasin, retours et remboursements, treize parcours en tout.
02 / Le système
Le bleu et l’orange de la marque, avec des règles.
Le bleu porte la navigation et les liens, le bleu marine compose les grands titres, et l’orange est réservé à la seule action qui vous fait avancer. Des boutons pilule nets, des cartes discrètes sur une page gris clair, et une slab serif pour les apartés sympathiques. Les marques de la gamme sont inventées et chaque visuel produit est dessiné à la main.
Couleur
- Blue#0090E3
- Navy#2A5CAD
- Orange#FF6501
- Page#F0F0F0
- Line#E3E3E3
- Text#0D1011
Typographie
- Titrage
- Nunito Sans
- Texte
- Bitter
Angles
4–8 px, pills
03 / Le développement
Un prototype qui tourne vraiment.
L’app tourne en direct dans un cadre de téléphone de 390 × 844, à côté de la présentation : vous accédez directement à n’importe quel parcours et le testez d’un geste. Construite en HTML, CSS et JavaScript purs, sans framework, pour un chargement instantané.
04 / Écrans
La présentation et l’accueil de l’app, sur ordinateur et sur mobile.
05 / Le résultat
Ce que nous mesurerions.
Il s’agit d’un projet conceptuel : il n’y a donc pas de résultats client. Voici les chiffres que la refonte a été conçue pour faire bouger.
- 01
De la recherche au panier
Nombre de taps entre la première recherche et un article dans le panier.
- 02
Commandes finalisées
Part des paiements commencés qui aboutissent à une commande.
- 03
Autonomie
Livraisons et retours gérés dans l’app, sans appel.
Gratuit · 30 minutes