{"id":102056,"date":"2026-08-14T08:50:43","date_gmt":"2026-08-14T08:50:43","guid":{"rendered":"https:\/\/codewebbarcelona.com\/diseno-identidad-visual-museo-arte-mo-museum-sons-daughters-id-2\/"},"modified":"2026-08-07T09:05:05","modified_gmt":"2026-08-07T09:05:05","slug":"design-identite-visuelle-musee-art-mo-museum-sons-daughters-id","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/","title":{"rendered":"Conception de l&#8217;identit\u00e9 visuelle d\u2019un mus\u00e9e d\u2019art : MO Museum par Sons &#038; Daughters ID"},"content":{"rendered":"<p>MO Museum n\u2019avait pas besoin d\u2019une nouvelle identit\u00e9 au sens classique du terme. Le mus\u00e9e disposait d\u00e9j\u00e0 d\u2019un logo, d\u2019une architecture, d\u2019une notori\u00e9t\u00e9 et d\u2019une pr\u00e9sence culturelle affirm\u00e9e. Le v\u00e9ritable d\u00e9fi \u00e9tait ailleurs : permettre \u00e0 une marque de plus en plus complexe de continuer \u00e0 \u00e9voluer sans perdre sa coh\u00e9rence.<\/p>\n<p>C\u2019est sur ce constat que Sons &amp; Daughters ID a b\u00e2ti sa r\u00e9flexion. Plut\u00f4t que de repartir de z\u00e9ro, le studio a choisi de s\u2019appuyer sur l\u2019existant. Le logotype est conserv\u00e9, l\u2019int\u00e9grit\u00e9 des \u0153uvres respect\u00e9e, et la g\u00e9om\u00e9trie du M ainsi que les angles du b\u00e2timent deviennent la base d\u2019un syst\u00e8me visuel d\u00e9ploy\u00e9 sur affiches, \u00e9ditions, signal\u00e9tique, motion design, outils digitaux et collaborations.<\/p>\n<p>Le fil conducteur de l\u2019ensemble, ce sont les <strong>shifts<\/strong> : d\u00e9placements, changements de perspective, plans qui s\u2019ouvrent, se croisent et r\u00e9organisent l\u2019espace. Ce n\u2019est pas qu\u2019un effet graphique. Cela traduit la fa\u00e7on dont le mus\u00e9e con\u00e7oit son r\u00f4le culturel : un lieu qui fait bouger les lignes, interroge les positions et invite \u00e0 regarder autrement.<\/p>\n<p>C\u2019est l\u00e0 que le projet prend toute sa profondeur. Car l\u2019enjeu n\u2019est pas seulement l\u2019apparence de MO, mais la capacit\u00e9 de l\u2019identit\u00e9 \u00e0 rester pertinente \u00e0 mesure que de nouveaux acteurs, formats et contenus s\u2019y greffent.<\/p>\n<h2>MO \u2014 une identit\u00e9 pens\u00e9e pour l\u2019\u00e9volution<\/h2>\n<p>Le premier impact visuel na\u00eet de la relation entre g\u00e9om\u00e9trie et espace.<\/p>\n<p>Les plans inclin\u00e9s ne sont pas des artifices ajout\u00e9s a posteriori. Ils \u00e9manent directement du logotype et de l\u2019architecture m\u00eame du b\u00e2timent.<\/p>\n<p>Cela conf\u00e8re \u00e0 l\u2019identit\u00e9 un caract\u00e8re d\u2019\u00e9vidence.<\/p>\n<p>Quand un syst\u00e8me visuel puise ses r\u00e8gles dans la marque elle-m\u00eame, il vieillit g\u00e9n\u00e9ralement mieux qu\u2019un dispositif fond\u00e9 sur une tendance passag\u00e8re. Ici, diagonales, d\u00e9coupes et d\u00e9calages peuvent s\u2019inviter sur une affiche, un \u00e9cran, une publication ou une animation sans qu\u2019il soit n\u00e9cessaire d\u2019en justifier l\u2019origine \u00e0 chaque fois.<\/p>\n<p>L\u2019architecture nourrit le travail graphique. Et l\u2019identit\u00e9 lui rend la pareille.<\/p>\n<p>Ce dialogue constitue sans doute l\u2019une des plus belles r\u00e9ussites du projet.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/3000x2000_Mo_Museum_Intro.jpg\" alt=\"MO Museum exterior\" \/><figcaption>MO Museum exterior<\/figcaption><\/figure>\n<p>La fa\u00e7ade illustre parfaitement cette relation. Le signe ne s\u2019applique pas comme une couche ind\u00e9pendante sur le b\u00e2timent. Ses formes dialoguent avec une architecture anguleuse, \u00e9pur\u00e9e et tr\u00e8s pr\u00e9sente.<\/p>\n<p>Il ne s\u2019agit pas de faire ressembler l\u2019identit\u00e9 et l\u2019\u00e9difice \u00e0 la m\u00eame chose. La connexion est plus subtile : ils partagent une logique spatiale.<\/p>\n<p>Quand architecture et langage graphique adoptent une grammaire commune, la marque ne semble plus plaqu\u00e9e sur un lieu. On a le sentiment d\u2019un projet global.<\/p>\n<div style=\"width: 100%; aspect-ratio: 16\/9; margin: 32px 0;\"><iframe style=\"display: block; width: 100%; height: 100%; border: 0;\" title=\"MO Museum motion identity 01\" src=\"https:\/\/player.vimeo.com\/video\/1164452794?h=b19474a669\" allowfullscreen=\"allowfullscreen\"><br \/>\n<\/iframe><\/div>\n<h2>Un syst\u00e8me sans refonte du logo<\/h2>\n<p>L\u2019une des conditions du brief \u00e9tait claire : <strong>le logotype existant devait \u00eatre conserv\u00e9<\/strong>.<\/p>\n<p>Cela change la donne.<\/p>\n<p>Au lieu de se demander \u00ab comment redessiner MO ? \u00bb, Sons &amp; Daughters ID adopte une autre posture : <strong>que peut-on b\u00e2tir \u00e0 partir de l\u2019existant ?<\/strong><\/p>\n<p>La r\u00e9ponse : un syst\u00e8me bien plus vaste que le simple symbole.<\/p>\n<p>Le studio imagine une architecture de logotype capable de cohabiter avec l\u2019\u00e9cosyst\u00e8me grandissant du mus\u00e9e, et notamment avec les multiples partenaires impliqu\u00e9s dans les expositions, \u00e9v\u00e9nements et projets.<\/p>\n<p>Cela peut sembler secondaire, mais d\u00e8s qu\u2019une institution prend de l\u2019ampleur, la question devient centrale.<\/p>\n<p>Une identit\u00e9 simple fonctionne tr\u00e8s bien tant qu\u2019il n\u2019y a que :<\/p>\n<ul>\n<li>un logo principal,<\/li>\n<li>quelques applications,<\/li>\n<li>une petite \u00e9quipe,<\/li>\n<li>et un nombre limit\u00e9 d\u2019interlocuteurs.<\/li>\n<\/ul>\n<p>Mais la donne change avec :<\/p>\n<ul>\n<li>des partenaires externes,<\/li>\n<li>des programmes \u00e9ducatifs,<\/li>\n<li>des expositions temporaires,<\/li>\n<li>des sous-marques,<\/li>\n<li>des campagnes,<\/li>\n<li>des publications,<\/li>\n<li>et une \u00e9quipe interne qui produit en continu.<\/li>\n<\/ul>\n<p>Avoir une marque s\u00e9duisante ne suffit plus.<\/p>\n<p>Il faut des r\u00e8gles.<\/p>\n<p>MO pose ces r\u00e8gles sans en faire une prison visuelle. L\u2019identit\u00e9 s\u2019adapte \u00e0 diff\u00e9rents contenus et partenaires, change de format, absorbe de nouveaux usages tout en restant reconnaissable.<\/p>\n<p>C\u2019est bien plus complexe que de concevoir une pi\u00e8ce unique spectaculaire.<\/p>\n<h2>Le concept de shifts : changer de perspective<\/h2>\n<p>L\u2019id\u00e9e de <strong>shifts<\/strong> ne sert pas seulement \u00e0 cr\u00e9er des compositions dynamiques.<\/p>\n<p>Elle fait \u00e9cho \u00e0 la mission m\u00eame de MO Museum.<\/p>\n<p>Depuis son ouverture \u00e0 Vilnius en 2018, le mus\u00e9e a \u00e9volu\u00e9 d\u2019une grande collection priv\u00e9e d\u2019art lituanien vers un espace culturel ouvert, proposant expositions, actions \u00e9ducatives et d\u00e9bats sur des sujets comme la sant\u00e9 mentale, l\u2019intimit\u00e9 ou les questions LGBTQ+.<\/p>\n<p>Le mus\u00e9e se con\u00e7oit comme un moteur de d\u00e9placement dans la soci\u00e9t\u00e9 : remettre en question les normes, ouvrir le dialogue, offrir d\u2019autres points de vue.<\/p>\n<p>Sons &amp; Daughters ID traduit cette id\u00e9e sans tomber dans l\u2019illustration litt\u00e9rale.<\/p>\n<p>Les plans se d\u00e9placent.<\/p>\n<p>Les compositions glissent.<\/p>\n<p>L\u2019information surgit sous diff\u00e9rents angles.<\/p>\n<p>Le contenu semble sans cesse r\u00e9organiser l\u2019espace.<\/p>\n<p>Inutile d\u2019\u00e9crire \u00ab changement de perspective \u00bb sur chaque affiche. L\u2019identit\u00e9 l\u2019incarne d\u2019elle-m\u00eame.<\/p>\n<p>Le concept d\u00e9passe alors la simple explication branding pour devenir une r\u00e8gle de design.<\/p>\n<div style=\"width: 100%; aspect-ratio: 16\/9; margin: 32px 0;\"><iframe style=\"display: block; width: 100%; height: 100%; border: 0;\" title=\"MO Museum motion identity 02\" src=\"https:\/\/player.vimeo.com\/video\/1164450947?h=a3cf38e919\" allowfullscreen=\"allowfullscreen\"><br \/>\n<\/iframe><\/div>\n<h2>Le mouvement comme langage de marque<\/h2>\n<p>C\u2019est sans doute l\u2019une des dimensions les plus singuli\u00e8res du projet.<\/p>\n<p>Le motion n\u2019est pas un effet ajout\u00e9 pour \u00ab faire digital \u00bb.<\/p>\n<p>Il fait partie int\u00e9grante du langage.<\/p>\n<p>Les plans angulaires se d\u00e9placent, s\u2019ouvrent, entrent, disparaissent ou r\u00e9v\u00e8lent du contenu. L\u2019identit\u00e9 adopte un comportement propre.<\/p>\n<p>Cela ajoute une dimension fascinante.<\/p>\n<p>Dans une identit\u00e9 statique, on reconna\u00eet :<\/p>\n<ul>\n<li>la couleur,<\/li>\n<li>la typographie,<\/li>\n<li>la composition,<\/li>\n<li>la forme,<\/li>\n<li>la photographie,<\/li>\n<li>l\u2019illustration.<\/li>\n<\/ul>\n<p>Avec le mouvement, une nouvelle question surgit : <strong>comment la marque se comporte-t-elle dans le temps\u00a0?<\/strong><\/p>\n<p>MO exploite cette temporalit\u00e9 pour renforcer l\u2019id\u00e9e de changement de perspective.<\/p>\n<p>Le mouvement n\u2019a pas besoin d\u2019\u00eatre spectaculaire. L\u2019essentiel, c\u2019est qu\u2019il soit identifiable.<\/p>\n<p>Les m\u00eames principes qui structurent une affiche structurent une animation. Un plan qui, sur papier, organise deux contenus, devient \u00e0 l\u2019\u00e9cran une transition qui en r\u00e9v\u00e8le un et en masque un autre.<\/p>\n<p>C\u2019est l\u00e0 que na\u00eet la vraie coh\u00e9rence entre graphisme et motion.<\/p>\n<p>On n\u2019a pas une identit\u00e9 statique d\u2019un c\u00f4t\u00e9 et une collection d\u2019animations de l\u2019autre.<\/p>\n<p>C\u2019est le m\u00eame syst\u00e8me qui s\u2019exprime sur tous les supports.<\/p>\n<div style=\"width: 100%; aspect-ratio: 16\/9; margin: 32px 0;\"><iframe style=\"display: block; width: 100%; height: 100%; border: 0;\" title=\"MO Museum motion identity 03\" src=\"https:\/\/player.vimeo.com\/video\/1164449580?h=fe4e8436bb\" allowfullscreen=\"allowfullscreen\"><br \/>\n<\/iframe><\/div>\n<div style=\"width: 100%; aspect-ratio: 16\/9; margin: 32px 0;\"><iframe style=\"display: block; width: 100%; height: 100%; border: 0;\" title=\"MO Museum motion identity 04\" src=\"https:\/\/player.vimeo.com\/video\/1164449546?h=49fafefbfe\" allowfullscreen=\"allowfullscreen\"><br \/>\n<\/iframe><\/div>\n<h2>L\u2019\u0153uvre toujours respect\u00e9e<\/h2>\n<p>La seconde contrainte majeure du projet concernait directement le contenu du mus\u00e9e : <strong>les \u0153uvres ne pouvaient en aucun cas \u00eatre d\u00e9form\u00e9es<\/strong>.<\/p>\n<p>C\u2019\u00e9tait aussi une obligation l\u00e9gale.<\/p>\n<p>Le langage graphique doit donc savoir rester \u00e0 sa place.<\/p>\n<p>Dans une institution culturelle, il y a toujours une tension entre l\u2019identit\u00e9 du mus\u00e9e et celle des \u0153uvres expos\u00e9es. La marque doit affirmer sa personnalit\u00e9 sans jamais s\u2019approprier ou alt\u00e9rer visuellement les \u0153uvres.<\/p>\n<p>MO r\u00e9sout cette \u00e9quation en utilisant le syst\u00e8me comme cadre.<\/p>\n<p>Les plans peuvent entourer une image, structurer l\u2019espace, organiser l\u2019information ou cr\u00e9er une tension autour d\u2019une pi\u00e8ce.<\/p>\n<p>Mais l\u2019\u0153uvre conserve ses proportions.<\/p>\n<p>L\u2019identit\u00e9 s\u2019affirme sans jamais utiliser l\u2019\u0153uvre comme mati\u00e8re graphique mall\u00e9able.<\/p>\n<p>C\u2019est un vrai signe de maturit\u00e9 pour un syst\u00e8me culturel : savoir quand s\u2019effacer.<\/p>\n<div style=\"width: 100%; aspect-ratio: 16\/9; margin: 32px 0;\"><iframe style=\"display: block; width: 100%; height: 100%; border: 0;\" title=\"MO Museum motion identity 05\" src=\"https:\/\/player.vimeo.com\/video\/1164449502?h=d61975268c\" allowfullscreen=\"allowfullscreen\"><br \/>\n<\/iframe><\/div>\n<h2>Du syst\u00e8me visuel \u00e0 l\u2019exp\u00e9rience quotidienne<\/h2>\n<p>L\u2019entr\u00e9e digitale est l\u2019un de ces points o\u00f9 l\u2019identit\u00e9 cesse d\u2019\u00eatre une vitrine pour devenir un outil.<\/p>\n<p>Un billet mobile a une mission tr\u00e8s pragmatique :<\/p>\n<ul>\n<li>identifier la visite,<\/li>\n<li>afficher les informations utiles,<\/li>\n<li>permettre la validation,<\/li>\n<li>et faciliter l\u2019acc\u00e8s.<\/li>\n<\/ul>\n<p>Ici, le syst\u00e8me ne cherche pas \u00e0 transformer cette t\u00e2che en d\u00e9monstration graphique. La hi\u00e9rarchie reste claire, le code barre garde sa fonction centrale et l\u2019information est imm\u00e9diatement lisible.<\/p>\n<p>Mais l\u2019exp\u00e9rience reste sign\u00e9e MO.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/1650x2200_Mo_Museum_Eticket.jpg\" alt=\"MO Museum digital ticket\" \/><figcaption>MO Museum digital ticket<\/figcaption><\/figure>\n<p>Ce d\u00e9tail est plus important qu\u2019il n\u2019y para\u00eet.<\/p>\n<p>Beaucoup de marques brillent en campagne mais disparaissent d\u00e8s que l\u2019utilisateur entre dans une interface fonctionnelle.<\/p>\n<p>On se retrouve alors avec une identit\u00e9 sur l\u2019affiche et une autre sur le produit.<\/p>\n<p>MO \u00e9vite cette rupture.<\/p>\n<p>L\u2019identit\u00e9 reste pr\u00e9sente, mais s\u2019efface pour servir l\u2019usage.<\/p>\n<h2>Des affiches qui semblent en mouvement<\/h2>\n<p>En ext\u00e9rieur, le syst\u00e8me retrouve toute son intensit\u00e9.<\/p>\n<p>La combinaison de photographie, aplats de couleur, typographie et d\u00e9coupes angulaires cr\u00e9e des compositions qui donnent une impression de mouvement, m\u00eame \u00e0 l\u2019arr\u00eat.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/3000x2000_Mo_Museum_OOH.jpg\" alt=\"MO Museum exhibition signage\" \/><figcaption>MO Museum exhibition signage<\/figcaption><\/figure>\n<p>Un point int\u00e9ressant : <strong>le motion existe aussi en version statique<\/strong>.<\/p>\n<p>Pas besoin d\u2019animer pour en percevoir la logique.<\/p>\n<p>L\u2019\u0153il prolonge le mouvement.<\/p>\n<p>Les plans semblent entrer et sortir de la composition, les diagonales guident le regard, l\u2019information s\u2019organise dans une tension spatiale.<\/p>\n<p>Pour une institution \u00e0 la programmation mouvante, ce type de syst\u00e8me est pr\u00e9cieux.<\/p>\n<p>Le contenu peut \u00e9voluer sans qu\u2019il faille r\u00e9inventer une identit\u00e9 graphique \u00e0 chaque exposition.<\/p>\n<p>Le contenu change.<\/p>\n<p>Le syst\u00e8me demeure.<\/p>\n<p>C\u2019est sans doute l\u2019une des diff\u00e9rences majeures entre une campagne et une identit\u00e9.<\/p>\n<p>Une campagne vit quelques mois.<\/p>\n<p>Une identit\u00e9 doit continuer \u00e0 g\u00e9n\u00e9rer des r\u00e9ponses pendant des ann\u00e9es.<\/p>\n<h2>Un outil pour faire vivre l\u2019identit\u00e9 au-del\u00e0 du studio<\/h2>\n<p>C\u2019est l\u2019une des d\u00e9cisions les plus marquantes du projet.<\/p>\n<p>Sons &amp; Daughters ID ne livre pas une collection ferm\u00e9e de designs.<\/p>\n<p>Le studio d\u00e9veloppe un <strong>outil g\u00e9n\u00e9ratif<\/strong> permettant \u00e0 l\u2019\u00e9quipe du mus\u00e9e et \u00e0 ses partenaires de produire de nouveaux :<\/p>\n<ul>\n<li>motifs,<\/li>\n<li>layouts,<\/li>\n<li>compositions,<\/li>\n<li>et assets pr\u00eats pour le motion.<\/li>\n<\/ul>\n<p>Le tout dans le respect des r\u00e8gles du syst\u00e8me.<\/p>\n<p>Cela change radicalement la logique habituelle d\u2019un projet d\u2019identit\u00e9.<\/p>\n<p>Le designer ne cherche plus \u00e0 contr\u00f4ler chaque future d\u00e9clinaison.<\/p>\n<p>Il con\u00e7oit <strong>les conditions pour que d\u2019autres puissent cr\u00e9er sans d\u00e9naturer la marque<\/strong>.<\/p>\n<p>C\u2019est particuli\u00e8rement pertinent dans une structure comme MO Museum, o\u00f9 la communication est continue et les profils amen\u00e9s \u00e0 produire \u00e9voluent.<\/p>\n<p>Impossible de d\u00e9pendre du studio d\u2019origine pour chaque affiche, story, programme ou \u00e9v\u00e9nement.<\/p>\n<p>Mais on ne veut pas non plus que chaque d\u00e9partement r\u00e9invente l\u2019identit\u00e9 au bout de six mois.<\/p>\n<p>La solution : offrir suffisamment de libert\u00e9 dans un cadre clair.<\/p>\n<p>L\u2019outil g\u00e9n\u00e9ratif transforme le langage graphique en infrastructure.<\/p>\n<p>Et c\u2019est l\u00e0 une id\u00e9e tr\u00e8s contemporaine : une identit\u00e9 n\u2019est plus seulement un manuel de r\u00e8gles.<\/p>\n<p>Elle peut aussi \u00eatre un <strong>logiciel qui facilite concr\u00e8tement la cr\u00e9ation<\/strong>.<\/p>\n<div style=\"width: 100%; aspect-ratio: 16\/9; margin: 32px 0;\"><iframe style=\"display: block; width: 100%; height: 100%; border: 0;\" title=\"MO Museum generative identity system\" src=\"https:\/\/player.vimeo.com\/video\/1164450774?h=4df7024909\" allowfullscreen=\"allowfullscreen\"><br \/>\n<\/iframe><\/div>\n<h2>\u00c9ditorial sans perdre le geste<\/h2>\n<p>Quand le syst\u00e8me s\u2019applique au programme imprim\u00e9, il change d\u2019intensit\u00e9.<\/p>\n<p>La pi\u00e8ce devient plus \u00e9ditoriale, informative, proche du geste d\u2019ouvrir, lire, consulter, refermer.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/1650x2200_Mo_Museum_Programme.jpg\" alt=\"MO Museum printed programme\" \/><figcaption>MO Museum printed programme<\/figcaption><\/figure>\n<p>La typographie structure toujours l\u2019ensemble, mais la composition laisse plus de place au contenu.<\/p>\n<p>Tout n\u2019a pas besoin de s\u2019exprimer avec la m\u00eame force.<\/p>\n<p>Une bonne identit\u00e9 sait aussi moduler sa voix.<\/p>\n<p>C\u2019est essentiel dans un mus\u00e9e, car le syst\u00e8me ne peut se limiter \u00e0 des pi\u00e8ces avec trois mots g\u00e9ants et une image.<\/p>\n<p>Il doit int\u00e9grer :<\/p>\n<ul>\n<li>horaires,<\/li>\n<li>textes curatoriaux,<\/li>\n<li>informations pratiques,<\/li>\n<li>cr\u00e9dits,<\/li>\n<li>programmation,<\/li>\n<li>descriptions,<\/li>\n<li>et des contenus \u00e9ditoriaux plus denses.<\/li>\n<\/ul>\n<p>C\u2019est l\u00e0 que beaucoup de syst\u00e8mes visuellement forts commencent \u00e0 peiner.<\/p>\n<p>MO conserve assez de structure pour que le contenu s\u2019\u00e9toffe sans perdre sa personnalit\u00e9.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/3000x2000_Mo_Museum_Leaflet.jpg\" alt=\"MO Museum folded leaflet\" \/><figcaption>MO Museum folded leaflet<\/figcaption><\/figure>\n<p>Le leaflet ajoute une dimension physique.<\/p>\n<p>Les plis, blocs d\u2019information, \u0153uvres et plans inclin\u00e9s transforment ce petit format en extension du syst\u00e8me.<\/p>\n<p>L\u2019identit\u00e9 devient tangible, presque tactile.<\/p>\n<p>Ce n\u2019est pas une version r\u00e9duite de l\u2019affiche.<\/p>\n<p>C\u2019est une autre voix du m\u00eame langage.<\/p>\n<div style=\"width: 100%; aspect-ratio: 16\/9; margin: 32px 0;\"><iframe style=\"display: block; width: 100%; height: 100%; border: 0;\" title=\"MO Museum editorial motion system\" src=\"https:\/\/player.vimeo.com\/video\/1164450606?h=b3926d3976\" allowfullscreen=\"allowfullscreen\"><br \/>\n<\/iframe><\/div>\n<h2>Architecture et identit\u00e9, une g\u00e9om\u00e9trie partag\u00e9e<\/h2>\n<p>La relation avec le b\u00e2timent m\u00e9rite d\u2019\u00eatre soulign\u00e9e, tant elle structure le projet.<\/p>\n<p>Les angles du syst\u00e8me graphique trouvent un \u00e9cho direct dans l\u2019architecture de MO Museum.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/1650x2200_Mo_Museum_Interior.png\" alt=\"MO Museum interior architecture\" \/><figcaption>MO Museum interior architecture<\/figcaption><\/figure>\n<p>Cela cr\u00e9e une sensation rare : la marque ne s\u2019arr\u00eate pas \u00e0 la fa\u00e7ade.<\/p>\n<p>Le visiteur retrouve une logique similaire dans l\u2019architecture, la signal\u00e9tique, la communication.<\/p>\n<p>Mais l\u2019identit\u00e9 n\u2019a pas besoin d\u2019envahir chaque surface pour prouver ce lien.<\/p>\n<p>C\u2019est justement parce qu\u2019elle sait s\u2019effacer qu\u2019elle fonctionne.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/3000x2000_Mo_Museum_Safe-1.jpg\" alt=\"MO Museum archive space\" \/><figcaption>MO Museum archive space<\/figcaption><\/figure>\n<p>Dans les espaces o\u00f9 l\u2019\u0153uvre doit primer, le syst\u00e8me s\u2019efface.<\/p>\n<p>Dans les zones de circulation, de programmation ou d\u2019information, il r\u00e9appara\u00eet.<\/p>\n<p>Cette modulation \u00e9vite toute saturation.<\/p>\n<p>Une identit\u00e9 forte n\u2019a pas besoin de le prouver en permanence.<\/p>\n<h2>Une grammaire pr\u00eate \u00e0 accueillir tout contenu<\/h2>\n<p>Les supports de programmation r\u00e9v\u00e8lent une autre qualit\u00e9 du syst\u00e8me : il absorbe images, couleurs et contenus tr\u00e8s vari\u00e9s sans perdre son identit\u00e9.<\/p>\n<figure class=\"source-visual\"><img decoding=\"async\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/1650x2200_Mo_Museum_Exhibition-1.jpg\" alt=\"MO Museum opening night poster\" \/><figcaption>MO<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>MO Museum n\u2019avait pas besoin d\u2019une nouvelle identit\u00e9 au sens classique du terme. Le mus\u00e9e disposait d\u00e9j\u00e0 d\u2019un logo, d\u2019une architecture, d\u2019une notori\u00e9t\u00e9 et d\u2019une pr\u00e9sence culturelle affirm\u00e9e. Le v\u00e9ritable d\u00e9fi \u00e9tait ailleurs : permettre \u00e0 une marque de plus en plus complexe de continuer \u00e0 \u00e9voluer sans perdre sa coh\u00e9rence. C\u2019est sur ce constat [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":101892,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[494,497],"class_list":["post-102056","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-graphique","category-inspiration"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>MO Museum: identidad visual por Sons &amp; Daughters ID<\/title>\n<meta name=\"description\" content=\"Descubrimos la identidad visual de MO Museum por Sons &amp; Daughters ID, un sistema flexible basado en shifts, motion, arquitectura y dise\u00f1o generativo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MO Museum: identidad visual por Sons &amp; Daughters ID\" \/>\n<meta property=\"og:description\" content=\"Descubrimos la identidad visual de MO Museum por Sons &amp; Daughters ID, un sistema flexible basado en shifts, motion, arquitectura y dise\u00f1o generativo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-14T08:50:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/3000x2000_Mo_Museum_Intro.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Conception de l&#8217;identit\u00e9 visuelle d\u2019un mus\u00e9e d\u2019art : MO Museum par Sons &#038; Daughters ID\",\"datePublished\":\"2026-08-14T08:50:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\\\/\"},\"wordCount\":2215,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/3000x2000_Mo_Museum_Intro.jpg\",\"articleSection\":[\"Design graphique\",\"Inspiration\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\\\/\",\"name\":\"MO Museum: identidad visual por Sons & Daughters ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/3000x2000_Mo_Museum_Intro.jpg\",\"datePublished\":\"2026-08-14T08:50:43+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Descubrimos la identidad visual de MO Museum por Sons & Daughters ID, un sistema flexible basado en shifts, motion, arquitectura y dise\u00f1o generativo.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/3000x2000_Mo_Museum_Intro.jpg\",\"contentUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/3000x2000_Mo_Museum_Intro.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\\\/\\\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MO Museum: identidad visual por Sons & Daughters ID","description":"Descubrimos la identidad visual de MO Museum por Sons & Daughters ID, un sistema flexible basado en shifts, motion, arquitectura y dise\u00f1o generativo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/","og_locale":"fr_FR","og_type":"article","og_title":"MO Museum: identidad visual por Sons & Daughters ID","og_description":"Descubrimos la identidad visual de MO Museum por Sons & Daughters ID, un sistema flexible basado en shifts, motion, arquitectura y dise\u00f1o generativo.","og_url":"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/","og_site_name":"CODE","article_published_time":"2026-08-14T08:50:43+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/3000x2000_Mo_Museum_Intro.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Conception de l&#8217;identit\u00e9 visuelle d\u2019un mus\u00e9e d\u2019art : MO Museum par Sons &#038; Daughters ID","datePublished":"2026-08-14T08:50:43+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/"},"wordCount":2215,"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/3000x2000_Mo_Museum_Intro.jpg","articleSection":["Design graphique","Inspiration"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/","url":"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/","name":"MO Museum: identidad visual por Sons & Daughters ID","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/3000x2000_Mo_Museum_Intro.jpg","datePublished":"2026-08-14T08:50:43+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Descubrimos la identidad visual de MO Museum por Sons & Daughters ID, un sistema flexible basado en shifts, motion, arquitectura y dise\u00f1o generativo.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/codewebbarcelona.com\/fr\/design-identite-visuelle-musee-art-mo-museum-sons-daughters-id\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/3000x2000_Mo_Museum_Intro.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/08\/3000x2000_Mo_Museum_Intro.jpg","width":2560,"height":1707},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/fr\/#website","url":"https:\/\/codewebbarcelona.com\/fr\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/102056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/comments?post=102056"}],"version-history":[{"count":3,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/102056\/revisions"}],"predecessor-version":[{"id":102070,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/102056\/revisions\/102070"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media\/101892"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media?parent=102056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/categories?post=102056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}