Identité & web design — 2020
Wooden
Identité, charte
et conception de l’interface.
Le projet
Le bois traité
comme un produit de luxe.
Wooden est une marque de mobilier et de décoration. L’identité repose sur un seul contraste : un or chaud sur un noir presque absolu.
Le logotype est composé en University Roman, un caractère à empattements étroits et à contraste marqué. Une variante barre le mot d’un trait horizontal qui relie les deux O — le détail qui distingue la marque d’un simple mot posé.
Mon rôle
Le site suit la même économie : une page d’accueil sombre à motif, deux entrées seulement — Meubles et Décor — puis une section qualité et une page à propos. La navigation ne propose jamais plus de choix qu’il n’en faut.
01
Logotype
02
Charte chromatique
03
Architecture de page
04
Design d’interface
05
Mise en situation
Construire l’identité
Un or, un noir, rien entre les deux.
La charte du projet ne déclare que deux valeurs et un caractère. Tout le reste du site en découle.
Valeurs déclarées dans la charte du projet.
L’échantillon ci-dessus est composé dans un caractère de substitution ; le logotype original utilise University Roman LET.
Le parti pris
Deux entrées, une promesse, aucune distraction.
Le travail
En détail.
La page complète
Du haut vers le bas : un héros sombre à motif où le logotype tient seul, deux blocs catégories — Meubles et Décor — traversés de grandes lettres en filigrane, une section qualité en trois vignettes, un bandeau d’engagement puis la page à propos.
En situation
Le site vu sur un poste de travail réel. Le contraste très marqué du héros reste lisible à distance, ce qui était l’objectif du choix chromatique.
Le logotype
Les deux états du logotype — version or et version barrée — accompagnés de la palette et de la référence typographique. Un document tenant sur une seule page.
En résumé
Une marque de matière,
traitée en noir et or.
Le contraste maximal était le pari du projet : il donne au mobilier photographié une place que ne lui aurait pas laissée une interface claire.
Wooden