Mode et accessoires Manille
Not So Mundane Studios vend des cabas et des casquettes depuis Manille autour d’une idée claire : highlighting the ordinary things in life. Elle se retrouve sur Instagram, dans les photos des clients et les noms des collections, mais la boutique utilise un modèle standard. Nous voulions une boutique que sa propriétaire préférerait : immédiatement reconnaissable et prête à accompagner le choix et la commande.
La direction vient de la marque : courses quotidiennes, cafés et après-midi tranquilles. Courier Prime évoque les tickets et les listes de courses ; VT323, les écrans des années 90 de sa collection la plus connue. Les photos sont celles de la marque avec un traitement de couleur commun. Les textes passent sur les images sans être coupés, et les étiquettes inutiles ont disparu.
Chaque étape a répondu à un problème précis. Voici les captures réelles de chaque version.
01 Premier accueil
Un anneau 3D de photos sous une italique épaisse suivait les tendances plutôt que la marque. Une question a tranché : la propriétaire le préférerait-elle à son site actuel ? Non.
02 Concepts de marque
À partir de six principes tirés d’Instagram, nous avons essayé des ambiances comme what’s your status today? ou sunset at six. L’intention était là, mais sans boutique : boutons sans destination et phrases à déchiffrer.
03 Boutique complète
Accueil, filtres, fiches, panier et paiement reprenaient les vraies conditions : GCash, Maya, virement et J&T. Une autre évaluation lui a donné 7 sur 10 face aux références : correcte et générique.
04 Esquisses générées
Trois accueils générés par IA autour des vrais produits ont montré le niveau de composition recherché. Mais une marque attachée à l’authenticité avait besoin de scènes réelles. Nous avons gardé les compositions et écarté les images générées.
05 Photos réelles uniquement
Nous avons refait l’accueil avec les photos de la marque et un traitement de couleur commun. Une phrase contenant de petites photos fonctionnait une fois ; répétée partout, elle n’apportait plus rien.
06 Le tableau de références
Le tableau réunissait 35 sections de sept modèles éditoriaux et cinq polices, chacune justifiée par la marque. Le choix final était précis : Courier Prime, VT323 et huit sections.
07 Version finale
Courier organise le site comme un ticket et VT323 marque les nombres. La boutique devient un guide de collections, la fiche une bande de photos et le panier un reçu qui se remplit.
La première photo apparaît en petit sous le nom de la marque, puis grandit au défilement jusqu’au plein écran : l’ordinaire vu de près.
Chaque collection porte un seul mot sur sa photo. Le texte organise et l’image accompagne.
La boutique est un guide de collections sur papier quadrillé. Une rangée avec un nombre impair de pièces reste centrée.
Le panier se lit comme un ticket : quantités, paiement et livraison à la machine à écrire, puis un bouton noir pour commander. Les autres actions parlent le même langage.
Sur mobile, le ruban de villes — from manila to tokyo, taipei and denmark — change de tailles et de hauteurs pour garder des photos bien présentes. La navigation tient sur une ligne centrée et l’en-tête change de couleur selon le fond.
Toucher une photo dans la phrase d’accueil l’agrandit ; la croix, Échap ou un clic extérieur la ferment. Les étapes de commande s’écrivent comme un ticket à leur apparition. Modifier les quantités du panier met à jour le total du bouton. La confirmation précise le statut du concept et dirige les commandes réelles vers @notsomundanestudios.