{"id":4259,"date":"2018-08-03T17:41:08","date_gmt":"2018-08-03T15:41:08","guid":{"rendered":"http:\/\/studio.ican-design.fr\/?p=4259"},"modified":"2024-01-29T15:13:38","modified_gmt":"2024-01-29T14:13:38","slug":"histoire-des-buttes-chaumont-web-03-15-mois","status":"publish","type":"post","link":"https:\/\/studio.ican-design.fr\/histoire-des-buttes-chaumont-web-03-15-mois\/","title":{"rendered":"Histoire des Buttes-Chaumont \/ Web 03-15 mois"},"content":{"rendered":"

“Pour ce projet, nous avons choisi de travailler sur le parc des Buttes-Chaumont.
\nL\u2019objectif de notre site est de raconter l\u2019histoire du parc<\/strong> dans son ensemble : sa cr\u00e9ation, les \u00e9volutions qu\u2019il a subi, et le parc aujourd\u2019hui…”<\/p>\n

<\/p>\n

\u00a0L’\u00e9quipe<\/h2>\n

Tiffany\u00a0 AUPHAN – Virginie DESORMEAUX – L\u00e9a MARAVAL<\/p>\n

Coordination projet : Nicolas GERVAIS<\/a> \/ Design graphique & Num\u00e9rique<\/p>\n

\u00c9l\u00e9ments sur le brief<\/h2>\n

Jardins, parcs, et autres promenades extraordinaires \u00e0 Paris. Leurs histoires, leurs plaisirs, leurs secrets ? Cr\u00e9er une identit\u00e9 visuelle et un site internet \u00e0 partir de l\u2019un de ces lieux : Jardin du Luxembourg, parc Montsouris, La Mouza\u00efa, La petite ceinture, Les ar\u00e8nes de Lut\u00e8ce, Parc des Buttes-Chaumont\u2026<\/p>\n

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

Photo \/ L\u00e9a
\n<\/em><\/p>\n

Intentions, concept<\/h2>\n

Rep\u00e9rages<\/strong>
\nDans un premier temps, nous sommes all\u00e9es directement sur le terrain afin d\u2019observer la composition du parc, sa faune, sa flore mais \u00e9galement les visiteurs du parc. Cette \u00e9tape nous a permis de nous familiariser avec le parc pour bien appr\u00e9hender le projet.<\/p>\n

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

Photos \/ L\u00e9a
\n<\/em><\/p>\n

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

Photos \/ Virginie <\/em><\/p>\n

Pour ce projet, nous avons choisi de travailler sur le parc des Buttes-Chaumont.
\nL\u2019objectif de notre site est de raconter l\u2019histoire du parc<\/strong> dans son ensemble : la cr\u00e9ation, les \u00e9volutions qu\u2019il a subi et le parc aujourd\u2019hui.<\/p>\n

Les entretiens que nous avons effectu\u00e9 ont mis en avant le fait que les visiteurs pouvaient avoir un int\u00e9r\u00eat pour l\u2019histoire des Buttes-Chaumont car ce sont principalement des habitu\u00e9s qui sont tr\u00e8s attach\u00e9s \u00e0 leur parc… Nous souhaitons faire en sorte que le parcours de notre site soit ludique et que le contenu s\u2019adapte \u00e0 nos utilisateurs afin de les int\u00e9resser. L\u2019id\u00e9e est donc de parcourir l\u2019histoire du parc via une timeline<\/em> et en proposant un contenu simple avec beaucoup d\u2019images….<\/p>\n

Identit\u00e9 visuelle<\/h2>\n

Au moins deux proposition pour le logo <\/strong>de l’histoire du parc des Buttes-Chaumont.
\n<\/strong><\/p>\n

– Le logo de L\u00e9a…<\/em><\/strong><\/p>\n

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

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

– Le logo de Virginie<\/em>…<\/strong><\/p>\n

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

Signal\u00e9tique & Atelier UX<\/h2>\n

Pour concevoir des pictogrammes adapt\u00e9s \u00e0 nos utilisateurs et facilement reconnaissables, nous avons mis en place un atelier Pictionary<\/em>. Il nous a permis de faire des statistiques sur les dessins r\u00e9alis\u00e9s par les participants durant l\u2019atelier. Ainsi, cet atelier a orient\u00e9 ma conception des pictogrammes.<\/p>\n

Exemples de r\u00e9ponses au pictionary de deux personnes :
\nGrotte = Forme de grotte et tunnel
\nLac = Forme de lac avec un canard
\nJeux pour enfants = Jeu sur ressort
\nEntr\u00e9e= Portail…<\/p>\n

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

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

La carte<\/h2>\n

Concernant la carte du parc, nous souhaitions avoir un rendu tr\u00e8s r\u00e9aliste pour faire \u00e9cho au design du site. Le but de cette carte \u00e9tait de pr\u00e9senter les principaux monuments et lieux importants dans le parc, tout en illustrant de mani\u00e8re interactive les diff\u00e9rents textes du site.<\/p>\n

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

Maquette “Page d’accueil”<\/h2>\n

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

La d\u00e9mo du site<\/h2>\n