{"id":5338,"date":"2020-01-27T11:07:00","date_gmt":"2020-01-27T10:07:00","guid":{"rendered":"https:\/\/studio.ican-design.fr\/?p=5338"},"modified":"2021-05-17T16:16:32","modified_gmt":"2021-05-17T14:16:32","slug":"la-lucarne-4ux","status":"publish","type":"post","link":"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/","title":{"rendered":"La Lucarne \/ Mast\u00e8re UX Design"},"content":{"rendered":"

Explorer la cartographie et ses d\u00e9clinaisons, afin de proposer une application dot\u00e9e d’une exp\u00e9rience de navigation innovante sous la forme d\u2019une carte interactive…<\/p>\n

<\/p>\n

L’\u00e9quipe<\/h4>\n

Lucia Manyari, M\u00e9lanie Alpach, Livia Succurro, Janitta Pel, Arthur Michigan<\/p>\n

Le concept<\/h2>\n

Dans la plupart des villes, les installations culturelles et artistiques sont des moteurs importants de tourisme et de sorties pour les habitants… Et l\u2019apparition de la r\u00e9alit\u00e9 augment\u00e9e et son aspect g\u00e9olocalis\u00e9 am\u00e8ne de nouvelles probl\u00e9matiques de cartographie. Afin de pousser les utilisateurs hors de chez eux, nous souhaitons cr\u00e9er des parcours dans les rues d\u2019une ville sous la forme de romans graphiques en r\u00e9alit\u00e9 augment\u00e9e…<\/p>\n

\"\"<\/a><\/p>\n

Identit\u00e9 visuelle<\/h2>\n

\u201cLa Lucarne\u201d repr\u00e9sente une petite ouverture dans le paysage \u00e0 travers une fen\u00eatre (ici, le smartphone). La lucarne est donc une mani\u00e8re de traduire notre volont\u00e9 de proposer une r\u00e9alit\u00e9 alternative de fa\u00e7on po\u00e9tique et avec la mention AR inclue dans le m\u00eame mot. L\u2019utilisation du terme \u201clucarne\u201d renvoie un c\u00f4t\u00e9 myst\u00e9rieux et intriguant et invite l\u2019utilisateur \u00e0 entrer dans ce monde fictif et magique.<\/p>\n

Le logo
\n\"lucarne\"<\/a><\/h3>\n

Le jeu typographique vient connoter la forme d\u2019une lucarne parisienne par ses contours circulaires. Les terminaisons des lettres sont arrondies pour rappeler la forme ronde du logo. Les traits jaunes et g\u00e9om\u00e9triques esquissent les formes d\u2019une lucarne : ils viennent seulement l\u2019\u00e9voquer. Les lettres apportent un c\u00f4t\u00e9 ludique en suivant la continuit\u00e9 des formes de la fen\u00eatre…<\/p>\n

Pictos \/ typos \/ couleurs
\n\"lucarne\"<\/a>
\n<\/strong><\/h3>\n

Seulement trois couleurs s\u2019inscrivent dans notre charte graphique : bleu nuit, jaune chrome et blanc. Trois couleurs pour trois caract\u00e9ristiques :
\n\u00e9puration – simplicit\u00e9 – l\u00e9g\u00e8ret\u00e9
\n\u2014 Ce bleu tr\u00e8s sombre connote la nuit. L\u00e0 o\u00f9 les r\u00eaves prennent place. Mais c\u2019est aussi une couleur apaisante, qui \u00e9voque le ciel, l\u2019espace et les voyages.
\n\u2014 Le jaune fait r\u00e9f\u00e9rence \u00e0 l\u2019\u00e9veil, \u00e0 la lumi\u00e8re et contraste fortement avec le bleu. Cette couleur donne une impression de chaleur et de lumi\u00e8re. Elle est comme un rep\u00e8re pour l\u2019utilisateur.
\nLa combinaison entre le jaune et le bleu se marie tr\u00e8s bien et rappellent tout de suite \u00e0 un ciel \u00e9toil\u00e9 nous invitant au r\u00eave et \u00e0 l\u2019onirisme.
\n<\/strong><\/p>\n

\"lucarne\"<\/a><\/p>\n

La carte<\/h2>\n

Pour la carte, nous avons utilis\u00e9 les couleurs bleut\u00e9es de la charte graphique afin de retrouver ce c\u00f4t\u00e9 nocturne rejoignant ainsi le concept de \u201cLucarne\u201d, avec cet aspect myst\u00e9rieux, onirique, et intriguant. Nos styles d\u2019itin\u00e9raires et de parcours sont repr\u00e9sent\u00e9s par des pointill\u00e9s jaunes pour rappeler les constellations visibles dans le ciel \u00e0 la nuit tomb\u00e9e. Cette finesse dans le trac\u00e9 offre un univers onirique et imaginaire invitant l\u2019utilisateur \u00e0 se balader et d\u00e9couvrir ce qui se cache derri\u00e8re chaque histoires\/parcours.<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

Prototype<\/h2>\n

\"\"<\/a><\/p>\n

\"lucarne\"<\/a><\/p>\n

Le prototype complet dans > Lucarne_Dossier de pr\u00e9sentation<\/a><\/p>\n

Sc\u00e9nario \/ AR<\/h2>\n

\"\"<\/a><\/p>\n

Un myst\u00e9rieux message vous attend au c\u0153ur d\u2019une jungle extravagante, et de curieux habitants se m\u00ealeront \u00e0 vous. Sauriez-vous le retrouvez?
\nUne bouteille d\u00e9livrant un message cach\u00e9 tombe des cath\u00e9drales de Notre Dame de Paris et arrive devant nous. Mais au moment o\u00f9 nous sommes nez \u00e0 nez avec elle, d\u2019\u00e9tranges animaux se mettront \u00e0 la r\u00e9cup\u00e9rer. L\u2019utilisateur assiste \u00e0 plusieurs sc\u00e8nes comiques et po\u00e9tiques tout au long du parcours. C\u2019est dans la derni\u00e8re sc\u00e8ne que l\u2019utilisateur est invit\u00e9 \u00e0 trouver la bouteille parmi les paysages qui se dessinent devant lui. En trouvant la bouteille, l\u2019utilisateur peut ainsi d\u00e9couvrir quelques anecdotes de Paris \u00e0 travers la distance parcourue.<\/p>\n

\"\"<\/a><\/p>\n

\nhttps:\/\/studio.ican-design.fr\/studio-ican-images\/sites\/3\/2020\/01\/Compositionfinale.mp4<\/a><\/video><\/div>\n

Liens<\/h2>\n

> Lucarne_Dossier de pr\u00e9sentation<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Explorer la cartographie et ses d\u00e9clinaisons, afin de proposer une application dot\u00e9e d’une exp\u00e9rience de navigation innovante sous la forme d\u2019une carte interactive…<\/p>\n","protected":false},"author":12,"featured_media":5366,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[382,15],"tags":[467,486,56,485,416],"acf":[],"yoast_head":"\nLa Lucarne \/ Mast\u00e8re UX Design | Studio ICAN<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"La Lucarne \/ Mast\u00e8re UX Design | Studio ICAN\" \/>\n<meta property=\"og:description\" content=\"Explorer la cartographie et ses d\u00e9clinaisons, afin de proposer une application dot\u00e9e d’une exp\u00e9rience de navigation innovante sous la forme d\u2019une carte interactive…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio ICAN\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-27T10:07:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-17T14:16:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/01\/lucarne000.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"510\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nicolas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nicolas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/\",\"url\":\"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/\",\"name\":\"La Lucarne \/ Mast\u00e8re UX Design | Studio ICAN\",\"isPartOf\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#website\"},\"datePublished\":\"2020-01-27T10:07:00+00:00\",\"dateModified\":\"2021-05-17T14:16:32+00:00\",\"author\":{\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656\"},\"breadcrumb\":{\"@id\":\"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/studio.ican-design.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"La Lucarne \/ Mast\u00e8re UX Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studio.ican-design.fr\/#website\",\"url\":\"https:\/\/studio.ican-design.fr\/\",\"name\":\"Studio ICAN\",\"description\":\"D\u00e9couvrez les projets des \u00e9tudiants de l'ICAN : cr\u00e9ation num\u00e9rique, animation, game design, web design, cr\u00e9ation web, motion design\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studio.ican-design.fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656\",\"name\":\"Nicolas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/studio.ican-design.fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g\",\"caption\":\"Nicolas\"},\"sameAs\":[\"https:\/\/www.behance.net\/nicolasgervais\"],\"url\":\"https:\/\/studio.ican-design.fr\/author\/cd4vf9u296\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La Lucarne \/ Mast\u00e8re UX Design | Studio ICAN","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:\/\/studio.ican-design.fr\/la-lucarne-4ux\/","og_locale":"fr_FR","og_type":"article","og_title":"La Lucarne \/ Mast\u00e8re UX Design | Studio ICAN","og_description":"Explorer la cartographie et ses d\u00e9clinaisons, afin de proposer une application dot\u00e9e d’une exp\u00e9rience de navigation innovante sous la forme d\u2019une carte interactive…","og_url":"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/","og_site_name":"Studio ICAN","article_published_time":"2020-01-27T10:07:00+00:00","article_modified_time":"2021-05-17T14:16:32+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/studio.ican-design.fr\/ecole-infographie\/sites\/3\/2020\/01\/lucarne000.jpg","type":"image\/jpeg"}],"author":"Nicolas","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nicolas","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/","url":"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/","name":"La Lucarne \/ Mast\u00e8re UX Design | Studio ICAN","isPartOf":{"@id":"https:\/\/studio.ican-design.fr\/#website"},"datePublished":"2020-01-27T10:07:00+00:00","dateModified":"2021-05-17T14:16:32+00:00","author":{"@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656"},"breadcrumb":{"@id":"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studio.ican-design.fr\/la-lucarne-4ux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/studio.ican-design.fr\/"},{"@type":"ListItem","position":2,"name":"La Lucarne \/ Mast\u00e8re UX Design"}]},{"@type":"WebSite","@id":"https:\/\/studio.ican-design.fr\/#website","url":"https:\/\/studio.ican-design.fr\/","name":"Studio ICAN","description":"D\u00e9couvrez les projets des \u00e9tudiants de l'ICAN : cr\u00e9ation num\u00e9rique, animation, game design, web design, cr\u00e9ation web, motion design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studio.ican-design.fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/b63c638049bff9f34019dcb9fe843656","name":"Nicolas","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/studio.ican-design.fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ea0eb9183cdc62d47d12e7d4e5ec4a7f?s=96&d=mm&r=g","caption":"Nicolas"},"sameAs":["https:\/\/www.behance.net\/nicolasgervais"],"url":"https:\/\/studio.ican-design.fr\/author\/cd4vf9u296\/"}]}},"_links":{"self":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/5338"}],"collection":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/comments?post=5338"}],"version-history":[{"count":5,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/5338\/revisions"}],"predecessor-version":[{"id":5373,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/posts\/5338\/revisions\/5373"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media\/5366"}],"wp:attachment":[{"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/media?parent=5338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/categories?post=5338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studio.ican-design.fr\/wp-json\/wp\/v2\/tags?post=5338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}