{"id":335,"date":"2021-06-03T14:43:30","date_gmt":"2021-06-03T12:43:30","guid":{"rendered":"http:\/\/nyow.fr\/?post_type=project&#038;p=335"},"modified":"2021-08-16T05:11:56","modified_gmt":"2021-08-16T03:11:56","slug":"philharmonie-paris","status":"publish","type":"project","link":"http:\/\/chlovis-old.localhost\/projects\/philharmonie-paris\/","title":{"rendered":"La Philharmonie de Paris"},"content":{"rendered":"<div class=\"project-block block-hero-project\">\n    <div class=\"content-wrapper\">\n        <div class=\"wrapper\">\n            <div class=\"flex-wrapper\">\n                <div class=\"txt-wrapper\">\n                                            <h1>La Philharmonie de Paris<\/h1>\n                                                                <ul class=\"tags\">\n                                                            <li>ux design<\/li>\n                                                            <li>information architecture<\/li>\n                                                            <li>interaction design<\/li>\n                                                    <\/ul>\n                                                                <h2>Key Points<\/h2>\n                                                                <div class=\"wysiwyig-content\"><ul>\n<li>Improve navigation paths<\/li>\n<li>Clarify subscription options<\/li>\n<li>Reduce template&#8217;s page number<\/li>\n<li>Unified Call-to-Action to buy tickets<\/li>\n<\/ul>\n<\/div>\n                                    <\/div>\n                <div class=\"btn-wrapper\">\n                                            <a href=\"https:\/\/philharmoniedeparis.fr\/en\" title=\"visit website\" target=\"_blank\" class=\"btn is-rounded is-rounded-border is-rounded-white-border\">visit website<\/a>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"project-wrapper  greyF9\">\n        <div class=\"content-wrapper\">\n        <div class=\"wrapper \">\n                                    \n\n<p style=\"font-size:14px\">I was contacted by Upian for this pitch. We won the project \ud83c\udf89<\/p>\n\n\n\n<p>La Philharmonie de Paris is a public institution well known for music events. <br>They also have exhibitions, conferences and fun workshops for all ages, but few people knew that. We re-worked the navigation leading people to understand better the full range of services.<\/p>\n\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"project-wrapper  white\">\n        <div class=\"content-wrapper\">\n        <div class=\"wrapper \">\n                                    \n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1800\" height=\"1200\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ea0b453b-8069-470e-92e6-e7cec76c7efd_rw_1920.jpeg\" alt=\"Philharmonie de Paris, screen visual design\" class=\"wp-image-361\" srcset=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ea0b453b-8069-470e-92e6-e7cec76c7efd_rw_1920.jpeg 1800w, http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ea0b453b-8069-470e-92e6-e7cec76c7efd_rw_1920-768x512.jpeg 768w, http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ea0b453b-8069-470e-92e6-e7cec76c7efd_rw_1920-1536x1024.jpeg 1536w\" sizes=\"(max-width: 1800px) 100vw, 1800px\" \/><figcaption>Final Redesign, courtesy of Upian<\/figcaption><\/figure>\n\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"project-wrapper  white\">\n        <div class=\"content-wrapper\">\n        <div class=\"wrapper \">\n                                    \n\n<h2 class=\"wp-block-heading\">Navigation &#8211; After &amp; before <\/h2>\n\n\n\n<p>The challenge was to make the offer very clear.<br>Because they had so many content &amp; event types, the previous navigation displayed 12 main entries in navigation, with a focus on &#8220;Program&#8221;. Scanning this navigation was complicated.<br><br>So we did a lot in Information Architecture, regrouping content into 4 main entries : <\/p>\n\n\n\n<ul><li>Concerts &amp; Show <\/li><li>Museum &amp; Exhibitions<\/li><li>Workshops &amp; Culture<\/li><li>Kids content<\/li><\/ul>\n\n\n<div class=\"project-block block-slider has-lightbox\">\n            <div class=\"swiper-container js-swiper-slider\" data-slides-per-view=\"0.95\" data-slides-per-view-sm=\"1.1\">\n            <div class=\"swiper-wrapper\">\n                                                        <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/phila_newnav.png\" alt=\"Screen Capture of the new navigation\" title=\"New Navigation\">\n                    <\/div>\n                                                        <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/phila_oldnav.png\" alt=\"Screen Capture of the old Navigation\" title=\"Philharmonie Old Navigation\">\n                    <\/div>\n                            <\/div>\n            <div class=\"js-swiper-prev swiper-nav swiper-nav-prev\">\n                <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ico-left.svg\" alt=\"Prev\" title=\"Prev\">\n            <\/div>\n            <div class=\"js-swiper-next swiper-nav swiper-nav-next\">\n                <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ico-right.svg\" alt=\"Next\" title=\"Next\">\n            <\/div>\n        <\/div>\n                    <div class=\"lightbox-wrapper\">\n                <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/phila_newnav.png\" alt=\"Screen Capture of the new navigation\" title=\"New Navigation\" class=\"lightbox-preview\">\n                <div class=\"fancy-btn-wrapper is-over\"><a href=\"#\" class=\"js-open-lightbox btn is-rounded is-rounded-blue-op\" data-lightbox=\"lightbox-block_6118b65d5e3d9\"><span>view After\/Before <\/span><\/a><\/div>\n                <div class=\"lightbox\" data-lightbox=\"lightbox-block_6118b65d5e3d9\">\n                    <button class=\"lightbox-close js-close-lightbox\"><\/button>\n                    <div class=\"lightbox-close-placeholder\"><\/div>\n                                            <p class=\"lightbox-title\">Redesign Comparison : Navigation<\/p>\n                                                            <div class=\"lightbox-slider swiper-container js-swiper-slider\" data-slides-per-view=\"0.95\" data-slides-per-view-sm=\"1.1\">\n                        <div class=\"swiper-wrapper\">\n                                                                                            <div class=\"swiper-slide\">\n                                    <figure>\n                                        <!-- <div class=\"swiper-zoom-container\"> -->\n                                            <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/phila_newnav.png\" alt=\"Screen Capture of the new navigation\" title=\"New Navigation\">\n                                        <!-- <\/div> -->\n                                                                                    <figcaption>This is the navigation after we reworked it<\/figcaption>\n                                                                            <\/figure>\n                                <\/div>\n                                                                                            <div class=\"swiper-slide\">\n                                    <figure>\n                                        <!-- <div class=\"swiper-zoom-container\"> -->\n                                            <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/phila_oldnav.png\" alt=\"Screen Capture of the old Navigation\" title=\"Philharmonie Old Navigation\">\n                                        <!-- <\/div> -->\n                                                                                    <figcaption>Previous navigation of the website<\/figcaption>\n                                                                            <\/figure>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"project-wrapper  white image\">\n            <div class=\"bg-img framed\" style=\"background-image: url(http:\/\/chlovis-old.localhost\/wp-content\/uploads\/PLAN-DU-SITE-VISUEL-scaled.jpg);\"><\/div>\n        <div class=\"content-wrapper\">\n        <div class=\"wrapper \">\n                                        <div class=\"framed-content right\">\n                    <div class=\"content-wrapper\">\n                        \n\n<p>In order to reduce the number of templates &amp; the website&#8217;s depth, we had to : <\/p>\n\n\n\n<ul><li>define a strategy in terms of priority<\/li><li>suppress old\/irrelevant content<\/li><li>merge some contents in the same page (if relevant)<\/li><li>separate content that was previously in the same page, but not related<\/li><\/ul>\n\n\n\n<p>The way content was structured before <strong>was the reflect of their internal organisation<\/strong>, which is often the case.<br>We worked together to create information architecture foundations around<strong> user&#8217;s expectations first.<\/strong><\/p>\n\n                                <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"project-wrapper  white\">\n        <div class=\"content-wrapper\">\n        <div class=\"wrapper \">\n                                    \n\n<h2 class=\"wp-block-heading\">Agenda, first explorations<\/h2>\n\n\n\n<p>Wide range of offer means a lot of events possibilities, which means, lots of filters.<br>Here is one of my first prototypes regarding Agenda Filters. <br>Highlighting events categories first, leading by date, and other options available but as a secondary level.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video  src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/Philharmonie_Agenda_explo.mp4\"><\/video><\/figure>\n\n\n\n<p>What was really important in the end was the context of events research. <br>I came up with a few user-journeys in mind : <\/p>\n\n\n\n<ul><li><strong>Temporality based search <\/strong>: <em>&#8220;I am free tonight, or this week-end&#8221;<\/em><\/li><li><strong>Event based search : <\/strong><em>&#8220;I am interested in Kids activity, all year&#8221; <\/em><\/li><li><strong>Specificity based search : <\/strong><em>&#8220;I have a specific criteria in mind, Venue, Accessibility, Pricing&#8230;&#8221;<\/em><\/li><li><strong>Quick help Guidance :<\/strong> highlighting popular suggestions, and removing sold-out events from the list,<\/li><\/ul>\n\n\n\n<p>The specificity based search is particularly interesting for this website : <br><strong>most of the people wanted to see a concert in the famous Venue<\/strong> (Grande Salle Pierre Boulez), so for them, the event was not the primary criteria.<br>Some people were looking for music events from l&#8217;Orchestre de Paris. It was also a specific filter.<\/p>\n\n\n\n<p>The Public Institution provided <strong>Accessibility criteria<\/strong> (such as physical disabilities, visual impairment, hearing disability, reduce physical mobility&#8230;) because some venues are more suited to those, as well as Pricing criterias, including free events, <strong>so people with less ressources can still have access to cultural events.<\/strong><\/p>\n\n\n<div class=\"project-block block-slider is-larger\">\n            <div class=\"swiper-container js-swiper-slider\" data-slides-per-view=\"1\" data-slides-per-view-sm=\"1.1\">\n            <div class=\"swiper-wrapper\">\n                                                        <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/philha_filters_1.png\" alt=\"\" title=\"philha_filters_1\">\n                    <\/div>\n                                                        <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/philha_filters_2.png\" alt=\"\" title=\"philha_filters_2\">\n                    <\/div>\n                                                        <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/philha_filters_4.png\" alt=\"\" title=\"philha_filters_4\">\n                    <\/div>\n                                                        <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/philha_filters_3.png\" alt=\"\" title=\"philha_filters_3\">\n                    <\/div>\n                            <\/div>\n            <div class=\"js-swiper-prev swiper-nav swiper-nav-prev\">\n                <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ico-left.svg\" alt=\"Prev\" title=\"Prev\">\n            <\/div>\n            <div class=\"js-swiper-next swiper-nav swiper-nav-next\">\n                <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ico-right.svg\" alt=\"Next\" title=\"Next\">\n            <\/div>\n        <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"project-wrapper  white\">\n        <div class=\"content-wrapper\">\n        <div class=\"wrapper \">\n                                    \n\n<h2 class=\"wp-block-heading\">Filters in the Agenda &#8211; After &amp; Before  <\/h2>\n\n\n\n<p>When looking for events in the agenda, users felt overwhelm. Too many choices displayed in the same time.<br>We reorganised the filters types, displaying in first the most selected ones. Users can still view more if needed.<\/p>\n\n\n<div class=\"project-block block-slider has-lightbox\">\n            <div class=\"swiper-container js-swiper-slider\" data-slides-per-view=\"0.9\" data-slides-per-view-sm=\"1.1\">\n            <div class=\"swiper-wrapper\">\n                                                        <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/phila_Filters_new.png\" alt=\"\" title=\"phila_Filters_new\">\n                    <\/div>\n                                                        <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/phila_Filters_old.png\" alt=\"\" title=\"phila_Filters_old\">\n                    <\/div>\n                            <\/div>\n            <div class=\"js-swiper-prev swiper-nav swiper-nav-prev\">\n                <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ico-left.svg\" alt=\"Prev\" title=\"Prev\">\n            <\/div>\n            <div class=\"js-swiper-next swiper-nav swiper-nav-next\">\n                <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ico-right.svg\" alt=\"Next\" title=\"Next\">\n            <\/div>\n        <\/div>\n                    <div class=\"lightbox-wrapper\">\n                <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/phila_Filters_new.png\" alt=\"\" title=\"phila_Filters_new\" class=\"lightbox-preview\">\n                <div class=\"fancy-btn-wrapper is-over\"><a href=\"#\" class=\"js-open-lightbox btn is-rounded is-rounded-blue-op\" data-lightbox=\"lightbox-block_6118b7a65e3da\"><span>View After\/Before<\/span><\/a><\/div>\n                <div class=\"lightbox\" data-lightbox=\"lightbox-block_6118b7a65e3da\">\n                    <button class=\"lightbox-close js-close-lightbox\"><\/button>\n                    <div class=\"lightbox-close-placeholder\"><\/div>\n                                            <p class=\"lightbox-title\">Redesign Comparison : Filters<\/p>\n                                                            <div class=\"lightbox-slider swiper-container js-swiper-slider\" data-slides-per-view=\"0.9\" data-slides-per-view-sm=\"1.1\">\n                        <div class=\"swiper-wrapper\">\n                                                                                            <div class=\"swiper-slide\">\n                                    <figure>\n                                        <!-- <div class=\"swiper-zoom-container\"> -->\n                                            <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/phila_Filters_new.png\" alt=\"\" title=\"phila_Filters_new\">\n                                        <!-- <\/div> -->\n                                                                            <\/figure>\n                                <\/div>\n                                                                                            <div class=\"swiper-slide\">\n                                    <figure>\n                                        <!-- <div class=\"swiper-zoom-container\"> -->\n                                            <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/phila_Filters_old.png\" alt=\"\" title=\"phila_Filters_old\">\n                                        <!-- <\/div> -->\n                                                                            <\/figure>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"project-wrapper  grey\">\n        <div class=\"content-wrapper\">\n        <div class=\"wrapper \">\n                                    \n\n<h2 class=\"wp-block-heading\">From Wishlist to Subscription<\/h2>\n\n\n\n<p><meta charset=\"utf-8\">The Subscription system was not really understood by new clients.<br>One of the ideas was to implement a wish-list that you could transform into a subscription. Resulting in financial advantages for customers. <\/p>\n\n\n\n<p style=\"font-size:14px\">This feature was designed and approved, but has not been implemented yet.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video  src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/Enregistrement-de-le\u0301cran-2021-08-15-a\u0300-16.36.01.mov\"><\/video><figcaption>Prototype capture for wishlist to subscription flow<\/figcaption><\/figure>\n\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"project-wrapper  greyF9\">\n        <div class=\"content-wrapper\">\n        <div class=\"wrapper \">\n                                    \n<div class=\"project-block block-slider has-lightbox\">\n            <div class=\"swiper-container js-swiper-slider\" data-slides-per-view=\"1\" data-slides-per-view-sm=\"1.1\">\n            <div class=\"swiper-wrapper\">\n                                                        <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/Paper.Upian_-_philharmonie-1.png\" alt=\"\" title=\"Paper.Upian_-_philharmonie-1\">\n                    <\/div>\n                                                        <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/Paper.Upian_-_philharmonie-2.png\" alt=\"\" title=\"Paper.Upian_-_philharmonie-2\">\n                    <\/div>\n                                                        <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/Paper.Upian_-_philharmonie.png\" alt=\"\" title=\"Paper.Upian_-_philharmonie\">\n                    <\/div>\n                            <\/div>\n            <div class=\"js-swiper-prev swiper-nav swiper-nav-prev\">\n                <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ico-left.svg\" alt=\"Prev\" title=\"Prev\">\n            <\/div>\n            <div class=\"js-swiper-next swiper-nav swiper-nav-next\">\n                <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ico-right.svg\" alt=\"Next\" title=\"Next\">\n            <\/div>\n        <\/div>\n                    <div class=\"lightbox-wrapper\">\n                <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/Paper.Upian_-_philharmonie-1.png\" alt=\"\" title=\"Paper.Upian_-_philharmonie-1\" class=\"lightbox-preview\">\n                <div class=\"fancy-btn-wrapper is-over\"><a href=\"#\" class=\"js-open-lightbox btn is-rounded is-rounded-blue-op\" data-lightbox=\"lightbox-block_6118ccf45e3e9\"><span>View sketches <\/span><\/a><\/div>\n                <div class=\"lightbox\" data-lightbox=\"lightbox-block_6118ccf45e3e9\">\n                    <button class=\"lightbox-close js-close-lightbox\"><\/button>\n                    <div class=\"lightbox-close-placeholder\"><\/div>\n                                            <p class=\"lightbox-title\">Research Wishlist Flow<\/p>\n                                                            <div class=\"lightbox-slider swiper-container js-swiper-slider\" data-slides-per-view=\"1\" data-slides-per-view-sm=\"1.1\">\n                        <div class=\"swiper-wrapper\">\n                                                                                            <div class=\"swiper-slide\">\n                                    <figure>\n                                        <!-- <div class=\"swiper-zoom-container\"> -->\n                                            <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/Paper.Upian_-_philharmonie-1.png\" alt=\"\" title=\"Paper.Upian_-_philharmonie-1\">\n                                        <!-- <\/div> -->\n                                                                            <\/figure>\n                                <\/div>\n                                                                                            <div class=\"swiper-slide\">\n                                    <figure>\n                                        <!-- <div class=\"swiper-zoom-container\"> -->\n                                            <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/Paper.Upian_-_philharmonie-2.png\" alt=\"\" title=\"Paper.Upian_-_philharmonie-2\">\n                                        <!-- <\/div> -->\n                                                                            <\/figure>\n                                <\/div>\n                                                                                            <div class=\"swiper-slide\">\n                                    <figure>\n                                        <!-- <div class=\"swiper-zoom-container\"> -->\n                                            <img decoding=\"async\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/Paper.Upian_-_philharmonie.png\" alt=\"\" title=\"Paper.Upian_-_philharmonie\">\n                                        <!-- <\/div> -->\n                                                                            <\/figure>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"project-wrapper  white\">\n        <div class=\"content-wrapper\">\n        <div class=\"wrapper \">\n                                    \n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1920\" height=\"1280\" src=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/e5fbcf1b-f0b0-4680-8064-2242835959cb_rw_1920.png\" alt=\"\" class=\"wp-image-362\" srcset=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/e5fbcf1b-f0b0-4680-8064-2242835959cb_rw_1920.png 1920w, http:\/\/chlovis-old.localhost\/wp-content\/uploads\/e5fbcf1b-f0b0-4680-8064-2242835959cb_rw_1920-768x512.png 768w, http:\/\/chlovis-old.localhost\/wp-content\/uploads\/e5fbcf1b-f0b0-4680-8064-2242835959cb_rw_1920-1536x1024.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><figcaption>Information flow between pages and third party ticketing dependencies <\/figcaption><\/figure>\n\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"project-wrapper  greyF9 image\">\n            <div class=\"bg-img framed\" style=\"background-image: url(http:\/\/chlovis-old.localhost\/wp-content\/uploads\/54bb8e635ade8a1ca4e43dd3ea4408bd_1800x1800_100_1620147450_best_fit.jpeg);\"><\/div>\n        <div class=\"content-wrapper\">\n        <div class=\"wrapper \">\n                                        <div class=\"framed-content left\">\n                    <div class=\"content-wrapper\">\n                        \n\n<h2 class=\"wp-block-heading\">Design Process<\/h2>\n\n\n\n<p>This project was done with <strong><a href=\"https:\/\/www.upian.com\/en\/project\/philharmonie-de-paris\">Upian<\/a><\/strong>. We worked together in close collaboration during 6 months, fully remotely with a 7 hours time delay. And we had a very smooth workflow. <\/p>\n\n\n\n<p>In order for them to focus on Visual Identity, UI &amp; strategy, my scope of intervention was clearly defined. <br>I provided : <\/p>\n\n\n\n<ul><li>prototypes<\/li><li>information architecture deliverables<\/li><li>sitemap &amp; content page structure<\/li><li>templates&#8217; wireframes<\/li><\/ul>\n\n                                <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"project-wrapper  rainbow\">\n        <div class=\"content-wrapper\">\n        <div class=\"wrapper \">\n                                    \n\n<p class=\"has-large-font-size\">This project was one of a kind. We genuinely suggested everything we thought would be cool to do, even thought we knew it would be hard to implement. And yet, they did it.<\/p>\n\n                    <\/div>\n    <\/div>\n<\/div>","protected":false},"template":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La Philharmonie de Paris, case-study : Simplify Navigation - Chlovis Lobre<\/title>\n<meta name=\"description\" content=\"New website to clarify the cultural institution&#039;s offer. New navigation, rationalisation of templates and a mobile funnel.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"La Philharmonie de Paris, case-study : Simplify Navigation - Chlovis Lobre\" \/>\n<meta property=\"og:description\" content=\"New website to clarify the cultural institution&#039;s offer. New navigation, rationalisation of templates and a mobile funnel.\" \/>\n<meta property=\"og:url\" content=\"http:\/\/chlovis-old.localhost\/projects\/philharmonie-paris\/\" \/>\n<meta property=\"og:site_name\" content=\"Chlovis Lobre\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-16T03:11:56+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ea0b453b-8069-470e-92e6-e7cec76c7efd_rw_1920.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/chlovis-old.localhost\/projects\/philharmonie-paris\/\",\"url\":\"http:\/\/chlovis-old.localhost\/projects\/philharmonie-paris\/\",\"name\":\"La Philharmonie de Paris, case-study : Simplify Navigation - Chlovis Lobre\",\"isPartOf\":{\"@id\":\"http:\/\/chlovis-old.localhost\/#website\"},\"datePublished\":\"2021-06-03T12:43:30+00:00\",\"dateModified\":\"2021-08-16T03:11:56+00:00\",\"description\":\"New website to clarify the cultural institution's offer. New navigation, rationalisation of templates and a mobile funnel.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/chlovis-old.localhost\/projects\/philharmonie-paris\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/chlovis-old.localhost\/#website\",\"url\":\"http:\/\/chlovis-old.localhost\/\",\"name\":\"Chlovis Lobre\",\"description\":\"I do interaction design &amp; ux consulting for video games, start-ups and agencies.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/chlovis-old.localhost\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La Philharmonie de Paris, case-study : Simplify Navigation - Chlovis Lobre","description":"New website to clarify the cultural institution's offer. New navigation, rationalisation of templates and a mobile funnel.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"La Philharmonie de Paris, case-study : Simplify Navigation - Chlovis Lobre","og_description":"New website to clarify the cultural institution's offer. New navigation, rationalisation of templates and a mobile funnel.","og_url":"http:\/\/chlovis-old.localhost\/projects\/philharmonie-paris\/","og_site_name":"Chlovis Lobre","article_modified_time":"2021-08-16T03:11:56+00:00","og_image":[{"url":"http:\/\/chlovis-old.localhost\/wp-content\/uploads\/ea0b453b-8069-470e-92e6-e7cec76c7efd_rw_1920.jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/chlovis-old.localhost\/projects\/philharmonie-paris\/","url":"http:\/\/chlovis-old.localhost\/projects\/philharmonie-paris\/","name":"La Philharmonie de Paris, case-study : Simplify Navigation - Chlovis Lobre","isPartOf":{"@id":"http:\/\/chlovis-old.localhost\/#website"},"datePublished":"2021-06-03T12:43:30+00:00","dateModified":"2021-08-16T03:11:56+00:00","description":"New website to clarify the cultural institution's offer. New navigation, rationalisation of templates and a mobile funnel.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/chlovis-old.localhost\/projects\/philharmonie-paris\/"]}]},{"@type":"WebSite","@id":"http:\/\/chlovis-old.localhost\/#website","url":"http:\/\/chlovis-old.localhost\/","name":"Chlovis Lobre","description":"I do interaction design &amp; ux consulting for video games, start-ups and agencies.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/chlovis-old.localhost\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"acf":[],"_links":{"self":[{"href":"http:\/\/chlovis-old.localhost\/wp-json\/wp\/v2\/project\/335"}],"collection":[{"href":"http:\/\/chlovis-old.localhost\/wp-json\/wp\/v2\/project"}],"about":[{"href":"http:\/\/chlovis-old.localhost\/wp-json\/wp\/v2\/types\/project"}],"wp:attachment":[{"href":"http:\/\/chlovis-old.localhost\/wp-json\/wp\/v2\/media?parent=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}