{"id":9283,"date":"2023-07-17T12:58:30","date_gmt":"2023-07-17T10:58:30","guid":{"rendered":"https:\/\/studio.ican-design.fr\/?p=9283"},"modified":"2025-03-07T10:00:08","modified_gmt":"2025-03-07T09:00:08","slug":"la-mam-webdesign-03-15-mois","status":"publish","type":"post","link":"https:\/\/studio.ican-design.fr\/la-mam-webdesign-03-15-mois\/","title":{"rendered":"La Mam \/ Webdesign 03-15 Mois"},"content":{"rendered":"

“Racontes-moi un lieu” : Axel et Thierno nous font d\u00e9couvrir La MAM<\/em>, un lieu singulier et \u00e9tonnant, via un site internet et une communication visuelle ambitieuse\u2026 <\/p>\n

Projet r\u00e9alis\u00e9 par<\/strong> : Axel Boulet<\/a> & Thierno Diallo Amirou<\/a><\/em><\/p>\n

Coordination projet :<\/strong> Nicolas GERVAIS<\/a><\/p>\n

Intentions<\/h2>\n

\"\"Notre choix s\u2019est port\u00e9 sur la Maison des Arts et de la Musique<\/strong>, \u00e0 Orl\u00e9ans. Situ\u00e9e dans le Quartier Saint-Marceau, dans le sud d\u2019Orl\u00e9ans, cet \u00e9quipement culturel de proximit\u00e9 accueille les structures amateures ou professionnelles pour aider \u00e0 la cr\u00e9ation et \u00e0 la diffusion artistique dans les domaines du spectacle vivant (musique, th\u00e9\u00e2tre, danse, cirque\u2026).<\/p>\n

Besoins & Solutions<\/h3>\n

Obtenir une meilleure visibilit\u00e9 et mieux remplir les salles.<\/strong> Si une partie des spectacles affichent salle comble, certains gagneraient \u00e0 obtenir plus de visibilit\u00e9 avec la cr\u00e9ation de pages d\u00e9di\u00e9es…\u00a0 Proposer un espace d\u00e9di\u00e9 pour \u00e9tablir une r\u00e9sidence \u00e0 la MAM.<\/strong> La quasi-totalit\u00e9 des r\u00e9sidents \u00e9tant des associations, il s’agit leur proposer un espace d\u00e9di\u00e9 \u00e0 l\u2019inscription. Enfin, cr\u00e9ation d’une nouvelle identit\u00e9 visuelle<\/strong>, pour mettre en valeur ses activit\u00e9s et l’\u00e9volution de la MAM.
\n> Web Design Document<\/strong><\/a><\/p>\n

Une nouvelle identit\u00e9 visuelle<\/h2>\n

\"\"Nous souhaitons avec ce nouveau logo, unir les artistes et les spectateurs autour d\u2019un lieu plus personnel et convivial<\/em>. Il doit \u00eatre repr\u00e9sentatif de la proximit\u00e9 de ce rendez-vous de quartier, et doit pouvoir rassembler tous les profils dans un esprit chaleureux et bienveillant…<\/p>\n

Croquis de recherches<\/strong><\/em><\/p>\n

\"\"<\/p>\n

Les mises en situation<\/strong> nous ont permis d\u2019appr\u00e9cier le logo en contexte r\u00e9el. Si nous sommes satisfaits de celui-ci, nous avons des r\u00e9serves sur l\u2019\u00e9bauche de charte graphique; des couleurs plus vives et des formes plus organiques que les ronds permettraient certainement de mieux servir le message d\u2019unit\u00e9 et de chaleur…<\/p>\n

\"\"<\/p>\n

UI Design \/ Prototype<\/h2>\n

\"\"<\/a>\u00c0 partir de notre nouvelle identit\u00e9 visuelle et des wireframes r\u00e9alis\u00e9s \u00e0 la fin de l\u2019\u00e9tape UX Design<\/a>, nous avons r\u00e9alis\u00e9 des Prototypes interactifs<\/a> que nous avons affin\u00e9s au fur et \u00e0 mesure.<\/p>\n

Un design UI, qui s’appuie sur des formes organiques, rondes, avec des couleurs rouges ros\u00e9es, jaunes; pour former un patchwork agr\u00e9able, convivial et ludique<\/em><\/p>\n

La typographie Ubuntu<\/em> a \u00e9t\u00e9 retenue pour le titrage, c’est une lin\u00e9ale aux contours anguleux, aux traits arqu\u00e9s; \u00e0 la fois stable et communicante. La police Sora,<\/em> pour le texte courant, est plus rectangulaire et rappelle pour certaines lettres, comme le \u00abl\u00bb par exemple, la famille des m\u00e9canes.<\/p>\n

Enfin, pour organiser et ne pas surcharger le site, nous avons choisi des fonds blancs et gris clairs, avec une composition se basant sur un syst\u00e8me de grille modulaire.
\n
\n>> Prototype interactif<\/a><\/strong><\/p>\n

D\u00e9mo vid\u00e9o<\/h2>\n