<h2>Challenge</h2><p>The biggest challenge we faced in this project is <strong>to completely reimagine the region's portal as a service site</strong> and no longer as a news site. The region offers a lot of help, services and content for its citizens, and the goal has been to provide each user <strong>personalized information quickly</strong>.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.prod.website-files.com/6206ed4a99f3b43a4b5694b6/66cc81a957d6428670ab4953_IDF_ref%20horizontale%20IDF1.jpg"><div class="image-overlay"></div></div></div></div><h3>Example of redesign : Balades en Île-de-France</h3><p>One of the examples of redesign of a site in the Region's ecosystem is the "Balade en Île-de-France" application. In addition to applying the design system, I redesigned the operation of the application to make it more intuitive and more ergonomic.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.prod.website-files.com/6206ed4a99f3b43a4b5694b6/66cc85335a7e7d37c2a53ce9_IDF_ref%20horizontale%20IDF5%201.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img alt="Région Île-de-France" src="https://cdn.prod.website-files.com/6206ed4a99f3b43a4b5694b6/66cc8a95ab55d7d358c1d491_Design%20system.jpg"><div class="image-overlay"></div></div></div></div><p></p><h3>Overview</h3><p>In addition to the main portal <a href="http://iledefrance.fr" rel="noopener noreferrer nofollow" target="_blank">iledefrance.fr</a> I worked on <strong>10 redesign</strong> in the ecosystem, and we're still applying the design system to more and more sites and app, which are directly linked to the region, or juste partners.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.prod.website-files.com/6206ed4a99f3b43a4b5694b6/66cc8a9d4873bf7b66720b87_ALL.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.prod.website-files.com/6206ed4a99f3b43a4b5694b6/66cc83e33c83c9c2067b571a_IDF_ref%20horizontale%20IDF2.jpg"><div class="image-overlay"></div></div></div></div>

In a context to unify its digital services and ecosystem, the Region undertook a redesign of its main portal and the creation of a design system. Once this design system was in place, it enabled the redesign of all other sites and services within the Region's ecosystem.

UX Product Design

UI Product Design

Graphic Design

L'avant/après du site est grandiose, tous nos citoyens nous le disent, et en interne ça change la vie.

Région IDF

Entreprises publiques

<p>Voici une présentation de plusieurs refontes de sites web dans plusieurs secteurs différents. Ces projets ont été réalisés au sein de l'agence Bastille, en tant que Lead Designer UX/UI.<br></p><p>Chaque projet a conduit à une orientation différente : servicielle, vitrine, applicative ou même marketing.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8dmcr10gko8ofk8hmiesq9.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8dnfqf0gnw8qg86303flu8.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8dnvv70gl18ofkhly2ac5q.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8dw3yh0gns8ofke0ztadpx.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8dwc5d0gq68qg88wvy8kpt.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8dwkbz0gqa8qg8a3jeh5mi.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8dwzob0gqg8qg80vpx9zsn.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8dxfaa0gqm8qg8be70c621.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8dxwm40go48ofk32skbuqf.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8dy4780go88ofkdjovg6wo.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clj8eangw0gx28qg8g47ddtc6.jpg"><div class="image-overlay"></div></div></div></div>

Quelques aperçus de plusieurs de nos refontes de sites.

Web Design

Refontes de site web 2020/2022

Bouloche

<h1>Contexte</h1><p></p><p>Aujourd'hui, les grandes marques de <strong>fast-fashion</strong> (H&amp;M, Shein, Zara, etc) ont pris une ampleur telle qu'il devient compliqué de proposer et d'envisager des <strong>alternatives plus saines et plus locales</strong>. Bouloche est une réponse à ce constat : c'est une nouvelle marque de <strong>lingerie éco-responsable</strong> visant à réduire le gaspillage vestimentaire grâce à une <strong>technologie 100% naturelle</strong>.</p><p></p><p>En effet, les vêtements sont constitués uniquement de coton bio, matière qui peut se <strong>recycler à l'infini et se biodégrader</strong>.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhz34w7c05fh63ipg1ek98r4.jpg"><div class="image-overlay"></div></div></div></div><h1>Enjeu et réalisations</h1><p></p><p>Créer une identité visuelle incarnant les valeurs fondamentales de Bouloche tout en apportant une connotation positive et affective au mot français. Pour cette marque nous avons réalisé :</p><ul><li><p>Une identité complète (logotype, principes graphiques, typographie, etc) ;</p></li><li><p>Des supports prints (cartes de visite, flyer, affiches) ;</p></li><li><p>Un site web e-commerce ;</p></li><li><p>Une page de crowdfunding ;</p></li><li><p>Un shooting photo (Par Mathieu Odin) ;</p></li><li><p>Des templates pour posts de réseaux sociaux ;</p></li><li><p>La campagne de lancement (marketing, suivi et design).</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhz35f3k05fp63ip2fyod9bt.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhz3debv05il63ipdjdk6y8e.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhz3ck4k05pv63hehl49a3p5.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhz3ez7t05ra63he11m77nkv.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhz3cwjb05q163he8uo62rsg.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhz3fgpv05s063he1btzfoax.jpg"><div class="image-overlay"></div></div></div></div>

Bouloche est une nouvelle marque de lingerie éco-responsable visant à réduire le gaspillage vestimentaire grâce à une technologie 100% naturelle.

Marketing Strategy

Le collectif a fait un super travail et m'a permis de me concentrer sur toute la partie produit pendant qu'il s'occupait de toute la communication. Sans eux, le crowdfunding n'aurait jamais pu avoir lieu !

Enovacom

<h1>Contexte</h1><h2>Enovacom est un leader français <strong>de l’interopérabilité médicale</strong> qui souhaite digitaliser l’expérience du patient et du soignant.</h2><p></p><p>L’enjeu était de repenser <strong>l’ensemble de l’expérience utilisateur</strong> et de faire gagner du temps aux professionnels comme aux patients dans leurs interactions quotidiennes au sein des hôpitaux. Pour cela nous avons :</p><ul><li><p>Structurer l'arborescence en fonction de l'utilisateur ;</p></li><li><p>Conçu un onboarding permettant de simplifier toute l'expérience future ;</p></li><li><p>Imaginé un tutoriel à la première connexion permettant d'accompagner le patient ;</p></li><li><p>Appliqué le Material Design pour simplifier l'interface et minimiser le nombre de composants ;</p></li><li><p>Repenser toutes les micros-interactions ;</p></li><li><p>Prototypé toute l'application pour faire des tests en condition réelle.</p></li></ul><p></p><p></p><h1>Application côté patient</h1><p></p><p>Le but de ce travail a été de <strong>structurer la première version</strong> de l'application Carnet pour tester le <strong>MVP</strong> (minimum viable product) auprès des hôpitaux et de leurs patients. Nous avons également conçu l'application côté agents d'accueil des hôpitaux. Pour cela nous avons utilisé le Material Design System de Google auquel nous avons appliqué la charte d'Enovacom.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhz1on5004xn63he4a9o3xoa.jpg"><div class="image-overlay"></div></div></div></div><h2>Gestion des rendez-vous</h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhz1v7e3050463he4lje2tjx.jpg"><div class="image-overlay"></div></div></div></div><p></p><p>Nous avons travaillé d'abord travaillé la version native de l'application (iOS et Android) avant de concevoir la WebApp permettant d'accéder à l'application depuis le web et chaque device.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhz1vhiu050d63he6gkh7bei.jpg"><div class="image-overlay"></div></div></div></div><h1>Application côté hôpital</h1><p><br>Concernant cette interface, le but premier a été de <strong>minimiser</strong> les interactions entre le patient et l'agent <strong>physiquement</strong> et de simplifier drastiquement l'expérience d'accueil. Finalement, les agents utilisant l'application retrouvent <strong>plus rapidement</strong> leurs patient et peuvent traiter plus efficacement leurs dossiers, quant aux patients, ils peuvent <strong>préparer leur arrivée en amont</strong> en vérifiant les pièces à fournir.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhz1voyy050h63he13mxgm23.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhz2rzp805fn63hebrwk9trq.jpg"><div class="image-overlay"></div></div></div></div>

Conception de l'expérience et de l'interface

Application Patient Hôpital

Portfolio

Dribbble

Lead Designer UX/UI

Branding / Front end / UI Design / UX Design / Motion design

Designer full-stack

Co-fondateur

Chief Operating Officer

Design Director

Webdesign, branding, print, UX, motion design

Artistic Director - UX/UI Designer

Directeur Artistique Junior chez Souple, agence transversale, stratégique et créative.

Jérémie Julien

Lead Designer UX/UI

À propos

Expérience de travail

Designer full-stack

Lead Designer UX/UI

Co-fondateur

Chief Operating Officer

Design Director

Artistic Director - UX/UI Designer

CEO

Junior Art Director

Formation

IESA Multimédia

Olivier de Serres

Portfolio

Région IDF

IDF

Refontes de site web 2020/2022

Entreprises publiques

Bouloche

Bouloche

Application Patient Hôpital

Enovacom

Talents

Recruteurs

À propos