Warning: Cannot modify header information - headers already sent by (output started at /home/daylonmw/www/cms/inc/config.php:69) in /home/daylonmw/www/cms/inc/public/lib.urlhandlers.php on line 625

Warning: Cannot modify header information - headers already sent by (output started at /home/daylonmw/www/cms/inc/config.php:69) in /home/daylonmw/www/cms/inc/libs/clearbricks/common/lib.http.php on line 253

Warning: Cannot modify header information - headers already sent by (output started at /home/daylonmw/www/cms/inc/config.php:69) in /home/daylonmw/www/cms/inc/libs/clearbricks/common/lib.http.php on line 255

Warning: Cannot modify header information - headers already sent by (output started at /home/daylonmw/www/cms/inc/config.php:69) in /home/daylonmw/www/cms/inc/public/lib.urlhandlers.php on line 108

Warning: Cannot modify header information - headers already sent by (output started at /home/daylonmw/www/cms/inc/config.php:69) in /home/daylonmw/www/cms/inc/libs/clearbricks/common/lib.http.php on line 278
Daylon | UX designer & writer | the portfolio of Julien Bouvet The portfolio of Daylon (Julien Bouvet), a UX designer and writer, based in Paris. 2013-10-28T21:16:12+00:00 Daylon (Julien Bouvet) urn:md5:7f8e26250b012083a2afcba2fa5e7aaf Dotclear Look mum! No bitmap! urn:md5:c19708a05ba945bcee58ae6f9457e1f4 2013-06-22T20:53:00+01:00 2013-10-28T22:16:12+00:00 Daylon News <p>If you read this word, you have probably noted this portfolio&#8217;s brand new theme.</p> <p>It took me a couple of weeks to accept abandoning the horizontal scroll: I was convinced it could work out as a viable navigation; especially for a visual portfolio. But, I have to admit, it&#8217;s almost impossible to set it up properly without any bug or experience impediment. It wasn&#8217;t worth the fight: feedback I received did not send a good signal. I did try, though. At first. But let&#8217;s face it: it is almost impossible to build a modern website &#8220;horizontally&#8221;. Neither the DOM or the Javascript grammar offer proper ways to handle events and/or scrolling without being a pain.</p> <p>So here it goes: back to normality, with vertical scrolling and classical layout, but not without a twist. Okay, the trendy part first: this website should be responsive (if it&#8217;s not, <em>please </em>bear with me and drop me a line over the social network of your choice; I&#8217;m reachable). Now, the coolest part: the welcome page does not display <em>any</em> bitmap. Firefox is not that good when we need SVG rendering but almost every other modern player in town now master this part. We all saw the recent debates on the likes of Smashing Magazine &amp; co. but, now, if we could avoid bitmap — so, apart from pictures — we probably should.</p> <p>What I demo here is in two part: first, the static (the alter-ego, all the iconography) and, second, the generative background. It took a little tinkering but I think you will be pleased by its result.</p> Manhattan urn:md5:efc40a9e5d5ca3f286b596f06af00045 2012-12-01T20:51:00+00:00 2013-06-22T20:20:09+01:00 Daylon Photography <p> <em>Portraits of current architecture — <strong>Manhattan</strong></em><!-- titre --><br /> Not yet published.<!-- specs --> </p> <p> Third installment in a series, following <strong>&#8220;Rio de Janeiro&#8221;</strong>, <strong>&#8220;Catalunya&#8221;</strong> and the on-going <strong>&#8220;Lutecia&#8221;</strong> project, I tried to portrait Manhattan as seen from the ground and picture an accurate representation of its version of the contemporary era.<br /> not unlike Rio, Manhattan sports an identity we could trace back to how the districts are structured; how we could walk through its streets; how one could create a mental map of the city and reach his destination.<br /> Though 9/11 is still rippling through our westerner culture, we should not overlook the profound transformations we could observe: north to south, from Harlem to Downtown, Manhattan irradiate modernity and peels off abandoned houses, surviving manufactures and adapts itself to human migration. </p> <p> <!-- description --> Digital. LX3. Aspect ratio: 16:9. </p> <img alt="Manhattan - 1 - Simple exit" src="http://www.daylonmw.com/post/2012/07/25/./visuels/photo_nyc_1-simpleexit.jpg" /> <img alt="Manhattan - 2 - NYU: façade" src="http://www.daylonmw.com/post/2012/07/25/./visuels/photo_nyc_2-nyu-facade.jpg" /> <img alt="Manhattan - 3 - HONGKONGSUPERMARKET" src="http://www.daylonmw.com/post/2012/07/25/./visuels/photo_nyc_3-hongkongsupermarket.jpg" /> <img alt="Manhattan - 4 - Delivery bay" src="http://www.daylonmw.com/post/2012/07/25/./visuels/photo_nyc_4-delivery-bay.jpg" /> <img alt="Manhattan - 5 - Harlem lux" src="http://www.daylonmw.com/post/2012/07/25/./visuels/photo_nyc_5-harlem_lux.jpg" /> <img alt="Manhattan - 6 - Broken windows" src="http://www.daylonmw.com/post/2012/07/25/./visuels/photo_nyc_6-brokenwindows.jpg" /> <img alt="Manhattan - 7 - Workin'" src="http://www.daylonmw.com/post/2012/07/25/./visuels/photo_nyc_7-working.jpg" /> Roadmap urn:md5:ab2c0f140ff8ca2e17cfa739c2af6d94 2012-11-25T23:58:00+00:00 2013-02-11T23:21:19+00:00 Daylon News <p>One year ago, I put online a refreshed version of this website. I first planned to publish an early iteration before improving, betting on the time I could leverage then&#8230; It was without counting on (better) odds; odds that pushed me away from my personnal projets and, in particuliar, from this very portfolio.</p> <p>Well.</p> <p>Months passed and I finally came to a point where I found necessary to take on lasting bugs and inconvenient UI. If you&#8217;re familiar with this site, maybe you didn&#8217;t notice any change, but the code has been deeply reworked: exit the clumsy fiddling; welcome AMD modules and proper JS patterns. I also kicked out the default scrollbar for my own (first) JQuery plugin (I may publish it on Github, at some point in the future). I began to adjust semantics, replacing tags every now and then, tweaking icons and doing an overall improvement of this website&#8217;s experience. One last detail: though I tried out some modern CSS in order to replace the blurred background, I had to kept the former method for performances concerns. See what&nbsp;<a title="CSS box-shadow Can Slow Down Scrolling - Airbnb Engineering" href="http://nerds.airbnb.com/box-shadows-are-expensive-to-paint">AirBnB said on a similar subject</a>. I couldn&#8217;t agree more.</p> <p>What&#8217;s down the road, now?<br />I won&#8217;t make any promises since I know how it could turn out. I&#8217;m currently finishing some great product on my dayjob and, as a former customer, it&#8217;s very rewarding to see it blossoming. I wish I could post here some prototypes or screenshots, but I&#8217;m afraid I have to wait for it to go live. In the time being, I still have some random bugs (RequireJS refusing to load any ressources; standalone posts generating a couple a graphical issues etc.) to take care of, as well as optimizing the payload. I also will publish a couple of photographic series&#8230; Which you can also follow via the <a href="http://www.moonmotel.fr/">Moonmotel</a>.</p> Catalunya urn:md5:2ca359d9a128edfbe496a82cb5a951ab 2011-10-01T17:59:00+01:00 2012-11-18T18:08:14+00:00 Daylon Photography <p> <em>Paysages urbains — <strong>Catalunya.</strong></em><!-- titre --><br /> Série inédite et non éditée<!-- specs --> </p> <p> <!-- description --> Image numérique. LX3. Formats 3:2 et 16:9. </p> <p> <!-- à voir aussi --> <strong>À voir aussi&#160;:</strong><br /> <a href="http://moonmotel.fr/tag/Catalunya">La série, en ligne sur le Moonmotel</a></p> <img alt="Catalunya - 1 - Azur constructal" src="http://www.daylonmw.com/post/2011/10/01/./visuels/photo_catalunya_1-azur.jpg" /> <img alt="Catalunya - 2 - Hotel Alipolis" src="http://www.daylonmw.com/post/2011/10/01/./visuels/photo_catalunya_2-alipolis.jpg" /> <img alt="Catalunya - 3 - Anis del Mono" src="http://www.daylonmw.com/post/2011/10/01/./visuels/photo_catalunya_3-anisdelmono.jpg" /> <img alt="Catalunya - 4 - Rodalies" src="http://www.daylonmw.com/post/2011/10/01/./visuels/photo_catalunya_4-rodalies.jpg" /> <img alt="Catalunya - 5 - Girls" src="http://www.daylonmw.com/post/2011/10/01/./visuels/photo_catalunya_5-gals.jpg" /> <img alt="Catalunya - 6 - Devilish" src="http://www.daylonmw.com/post/2011/10/01/./visuels/photo_catalunya_6-devil.jpg" /> L'ombre dans la vallée (ed. Les Moutons Électriques) urn:md5:a21bac5fab47fb75848ba1bc37259e03 2011-09-19T09:19:00+01:00 2011-09-19T09:22:18+01:00 Daylon Illustration <p> <em>Jean-Louis Le May — <strong>L&#8217;ombre dans la vallée</strong></em><!-- titre --><br /> Les Moutons-Électriques<!-- client --><br /> 310x210mm, 600dpi, quadrichromie.<!-- specs --> </p> <p>En collaboration avec <strong>Lasth</strong>.</p> <p> <!-- description --> Illustration de couverture+rabats de la réédition des deux courts romans &#8220;L&#8217;ombre dans la vallée&#8221; ainsi que de &#8220;Le viaduc perdu&#8221;, littérature provençale apocalyptique.</p> <img alt="Jean-Louis Le May - L'ombre dans la vallée (illustration)" src="http://www.daylonmw.com/post/2011/09/19/./visuels/illus_ombrevallee_1.jpg" /> <img alt="Jean-Louis Le May - L'ombre dans la vallée (illustration)" src="http://www.daylonmw.com/post/2011/09/19/./visuels/illus_ombrevallee_2.jpg" /> <img alt="Jean-Louis Le May - L'ombre dans la vallée (illustration)" src="http://www.daylonmw.com/post/2011/09/19/./visuels/illus_ombrevallee_3.jpg" /> <img alt="Jean-Louis Le May - L'ombre dans la vallée (illustration)" src="http://www.daylonmw.com/post/2011/09/19/./visuels/illus_ombrevallee_4.jpg" /> Alpha nocturne urn:md5:3317114799668d3193ed70c0f5f4c2f2 2011-09-13T03:07:00+01:00 2011-09-13T09:42:41+01:00 Daylon News <p>Nouvelle release pour ce portfolio. La seconde en moins d&#8217;un an. Cela peut sembler curieux, mais il me semblait indispensable, à l&#8217;heure du html5 (attention buzzword), de mettre ce site au pas&#160;; l&#8217;épousseter et le rendre présentable.</p> <p>Les habitués me trouveront curieusement prompt dans la mise en ligne. Il s&#8217;agissait, quelque chose, autant de contraintes que de défi. L&#8217;idée de mettre directement en ligne un work in progress et ne pas attendre une release qui jouerait l&#8217;arlésienne.</p> <p>La contrainte&#160;: certaines fonctionnalités étaient devenues inopérantes avec les dernières versions des navigateurs (Firefox en particulier). Le besoin aussi de rendre le portfolio plus clair.</p> <p>Cela signifie aussi, que de la même manière qu&#8217;une application subit de régulières mises à jour, de nombreux ajouts vont émailler ce site dans les jours à venir. J&#8217;ai une longue liste d&#8217;attente. Il s&#8217;agit autant d&#8217;améliorations graphiques (le background, l&#8217;iconographie, certainement aussi des indicateurs de feedback utilisateur), que d&#8217;optimisations de code (je me bats avec la présente version et certains soucis de sandbox javascript) ou d&#8217;ajustement ergonomiques (même chose&#160;: une longue liste).</p> <p>Mais plutôt que d&#8217;enfermer ce site dans un perpétuel développement privé, je tente l&#8217;expérience de la mise en ligne publique. Cela signifie aussi que, à l&#8217;heure où je poste ce message, ce site est loin d&#8217;être optimisé partout. La probabilité que vous rencontriez des problèmes est non-nulle. Soyez prévenus. En revanche,&nbsp;&nbsp;;si vous avez cinq minutes entre votre prochaine vidéo Youtube et votre café, n&#8217;hésitez pas à <a href="mailto:pro_at_daylonmw_dot-com">me laisser un petit mot.</a></p> <p>Une version mobile devrait aussi très rapidement arriver.</p> <p>Et bientôt, bien sûr, de nouvelles mises à jour sur les sujets qui nous importe tous&#160;: l&#8217;image.</p> Vidéodanse 2011 (MK2 + Centre Pompidou) urn:md5:b79a59338a488e9af442ef1b10e9873b 2010-12-20T01:04:00+00:00 2011-09-14T00:10:32+01:00 Daylon Web <p> <em>MK2 — <strong>Vidéodanse 2011</strong></em><!-- titre --><br /> Bande-annonce<!-- client --><br /> Repique de photogrammes sous Illustrator et animation Flash.<!-- specs --></p> <p> <!-- description --> Création d&#8217;une bande-annonce 1080p destinée aux inserts publicitaires en salles, en partenariat avec le Centre Pompidou. </p> <p>Export et sound design externalisé.</p> <p><strong>À voir aussi&#160;:</strong><br /><a href="http://lab.daylonmw.com/videodanse2011/">Voir la bande-annonce</a></p> <img alt="Vidéodanse 2011 - 1" src="http://www.daylonmw.com/post/2010/12/20/./visuels/web_mk2_videodanse2011_1.jpg" /> <img alt="Vidéodanse 2011 - 2" src="http://www.daylonmw.com/post/2010/12/20/./visuels/web_mk2_videodanse2011_2.jpg" /> <img alt="Vidéodanse 2011 - 3" src="http://www.daylonmw.com/post/2010/12/20/./visuels/web_mk2_videodanse2011_3.jpg" /> <img alt="Vidéodanse 2011 - 4" src="http://www.daylonmw.com/post/2010/12/20/./visuels/web_mk2_videodanse2011_4.jpg" /> La refonte urn:md5:7f0ed386cfade6552a02175674dfcf7a 2010-10-17T22:48:00+01:00 2011-09-12T23:24:47+01:00 Daylon News <p> Je compulsais tout à l&#8217;heure mes sources&#160;: cela fait bientôt trois ans que le dmw n&#8217;avait plus connu de mise à jour. Oh, il n&#8217;était pas fermé. Non. Il était en «&#160;stand-by&#160;», en «&#160;refonte prochaine&#160;»&#160;; en «&#160;please wait, loading&#160;». Les raisons, elles sont évidentes et n&#8217;ont pas forcément à voir avec la procrastination. Deux ans tout de même, où 2010 aura marqué la construction silencieuse d&#8217;un portfolio. Dix mois de travail en pointillés pour aboutir à ceci&#160;: un écrin, sobre autant que possible, sans paillettes, sans prouesse apparente, tout en retenue, aux effets pyrotechniques n&#8217;attendant que votre ordre. Du XHTML passe-partout habillé de CSS 1 à 3&#160;; du javascript DOM et jQuery au maquillage. Du flash, parfois. Le tout repose sur un support robuste en Dotclear. </p> <p> J&#8217;ai rendu la navigation non-apparente et réduit les informations affichées à leur strict minimum. Exit aussi les micro typographies qui fait «&#160;tellement web 2.0&#160;». Elle est ici plus large, lisible. La maquette elle-même s&#8217;adapte au terminal avec lequel vous consultez possible, du smartphone aux larges 27 pouces et plus. </p> <p> À l&#8217;heure où vous lisez ces lignes, beaucoup de contenus sont manquants. Leur intégration est en cours. N&#8217;hésitez pas à vous abonner au fil RSS pour être prévenus des prochaines mises à jour. Vous pouvez aussi vous contenter de revenir régulièrement. Ah. Notez enfin qu&#8217;il est possible que quelques microbugs subsistent. Nous sommes dans les premiers jours de la mise en ligne&#160;: c&#8217;est normal. Ceux possédant mes coordonnées sont invités à me reporter tout problème rencontré avec le site. Aux autres, j&#8217;en appellerai à l&#8217;indulgence. </p> <p> Anecdote&#160;: ce nom de domaine a fêté cet été ses huit bougies. Le site en aura dix l&#8217;an prochain.&nbsp;<strong>Woot</strong>. </p> <p> <em>Note to all my non-french readers (yes, you)&#160;: you&#8217;re currently visiting my brand new web portfolio. It&#8217;s in an early stage of publication&#160;; please bear the relative emptiness of the content. Everything should be online within the next few weeks.</em> </p> Cleer, L.L. Kloetzer (ed. Denoël) urn:md5:d722bb75265131a69170d325adfc3109 2010-10-01T16:31:00+01:00 2011-09-13T01:59:00+01:00 Daylon Illustration <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p> <p><em> L.L. Kloetzer — </em><strong><em>CLEER</em></strong><!-- titre --><br /> Denoël<!-- client --><br /> 140x205mm, carte souple, trois pantones dont un métallique.<!-- specs --></p> <p> <!-- description --> Conception du packaging, de la couverture et prototyping de la maquette intérieure.</p> <p> <p> <!-- à voir aussi --> <strong>À voir aussi&nbsp;:</strong><br /> <a href="http://moonmotel.fr/post/2010/09/22/Cleer-le-livre">Postmortem, partie 1 (le visuel)</a><br /> <a href="http://moonmotel.fr/post/2010/06/29/CLEER">Postmortem, partie 2 (l'objet)</a><br /> </p> <img alt="Cleer - packshot 1" src="http://www.daylonmw.com/post/2010/10/01/./visuels/illus_cleer-packshot_global01.jpg" /> <img alt="Cleer - packshot 2" src="http://www.daylonmw.com/post/2010/10/01/./visuels/illus_cleer-packshot_global02.jpg" /> <img alt="Cleer - packshot 3" src="http://www.daylonmw.com/post/2010/10/01/./visuels/illus_cleer-packshot_interieur01.jpg" /> <img alt="Cleer - packshot 4" src="http://www.daylonmw.com/post/2010/10/01/./visuels/illus_cleer-packshot_interieur04.jpg" /> Rio, de nos jours urn:md5:a529512162ae320dba300441c9097b54 2010-09-13T11:49:00+01:00 2012-11-15T00:09:06+00:00 Daylon Photography <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p> <p> <em>Paysages urbains — <strong>Rio, de nos jours.</strong></em><!-- titre --><br /> Inédits<!-- client --><br /> 60x80mm, quadrichromie.<!-- specs --> </p> <p> <!-- description --> Une série en 10 clichés. Image numérique. LX3. Formats 3:2. </p> <p> <!-- à voir aussi --> <strong>À voir aussi&#160;:</strong><br /> <a href="http://moonmotel.fr/tag/Rio%20de%20Janeiro">La série, non éditée, en ligne sur le Moonmotel</a></p> <img alt="Rio - 1" src="http://www.daylonmw.com/post/2010/09/13/./visuels/photo_rio_0-neighbors.jpg" /> <img alt="Rio - 2" src="http://www.daylonmw.com/post/2010/09/13/./visuels/photo_rio_1-bath.jpg" /> <img alt="Rio - 3" src="http://www.daylonmw.com/post/2010/09/13/./visuels/photo_rio_3-cabs.jpg" /> <img alt="Rio - 4" src="http://www.daylonmw.com/post/2010/09/13/./visuels/photo_rio_2-volley.jpg" /> <img alt="Rio - 5" src="http://www.daylonmw.com/post/2010/09/13/./visuels/photo_rio_4-1120.jpg" /> Évadés de l'enfer ! urn:md5:d57f91e2f099704cadb7a1c4700c9d40 2010-09-01T17:11:00+01:00 2010-10-18T14:17:31+01:00 Daylon Illustration <p> <em>Hal Duncan — <strong>Évadés de l'Enfer&nbsp;!</strong></em><!-- titre --><br /> Folio<!-- client --><br /> 60x80mm, quadrichromie.<!-- specs --> </p> <p> <!-- description --> Illustration de couverture réalisée en collaboration avec <a href="http://lasth.net/">Lasth</a>. </p> <p> <!-- à voir aussi --> <strong>À voir aussi&nbsp;:</strong><br /> <a href="http://www.daylonmw.com/post/2009/09/01/Encre-Hal-Duncan-(Denoel)">Encre</a><br /> <a href="http://www.daylonmw.com/post/2008/09/01/Velum-(Denoel)">Vélum</a><br /> <a href="http://moonmotel.fr/post/2010/04/30/Escape-from-Hell">Le postmortem, en ligne sur le Moonmotel</a> </p> <img alt="Escape from Hell - 1" src="http://daylonmw.com/visuels/illus_escape-hell_0.jpg" /> <img alt="Escape from Hell - 2" src="http://daylonmw.com/visuels/illus_escape-hell_1.jpg" /> <img alt="Escape from Hell - 3" src="http://daylonmw.com/visuels/illus_escape-hell_3.jpg" /> Voix du futur, Richard Comballo (ed. Moutons Électriques) urn:md5:7e7809eb69133a51780c383aa18ce21f 2010-09-01T15:28:00+01:00 2010-10-20T16:09:01+01:00 Daylon Illustration <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p> <p> <em>Richard Comballot — <strong>Voix du futur</strong></em><!-- titre --><br /> Les Moutons-Électriques<!-- client --><br /> 190x270mm + larges rabats, quadrichromie.<!-- specs --> </p> <p> <!-- description --> Illustration de couverture+rabats du recueil d'entretiens de Richard Comballot.<br /> Il s'agit aussi de la reprise d'une créa à l'origine réalisée (puis rejetée) pour les éditions Denoël en 2007. </p> <p> <!-- à voir aussi --> <strong>À voir aussi&nbsp;:</strong><br /> <a href="http://moonmotel.fr/post/2009/10/05/Voix-du-futur-(8-entretiens)">Le postmortem, en ligne sur le Moonmotel</a> </p> <img alt="Richard Comballo - Voix du futur (illustration)" src="http://www.daylonmw.com/post/2010/09/01/./visuels/illus_voix-futur_2.jpg" /> Future tech urn:md5:098205a6f97c511187e14d9ecf9f230d 2010-07-10T18:23:00+01:00 2011-09-13T17:24:55+01:00 Daylon Web <p> <em><strong>Interface</strong></em><!-- titre --><br /> Recherche graphique<!-- client --><br /> Scaleform / AS3<!-- specs --> </p> <p> <!-- description --> Dans le cadre de la production d&#8217;un jeu vidéo, prototypage d&#8217;un rendu possible d&#8217;interface utilisateur pour un traitement Flash/Scaleform vers l&#8217;Unreal Engine.<br /> Une fausse perspective actionscript fut utilisée pour mimer l&#8217;intégration de la solution Scaleform, accompagnée d&#8217;un rendu façon multiplane de particules.</p> <img alt="Test UI / future tech" src="http://www.daylonmw.com/post/2010/07/10/./visuels/web_dontnod_1.jpg" /> <img alt="Test UI / future tech" src="http://www.daylonmw.com/post/2010/07/10/./visuels/web_dontnod_2.jpg" /> Portfolio 2010 (daylonmw) urn:md5:edd5fb56e5a4fa7e31faa1241547dd18 2010-06-20T04:20:00+01:00 2011-09-14T03:23:35+01:00 Daylon Web <p> <em>Daylonmw — <strong>Portfolio 2010</strong></em></p> <p>XHTML 1.1, JQuery, ActionScript 3.</p> <p>Version 2010 du présent portfolio en ligne, ce site se&nbsp;distinguait&nbsp;par une volonté de minimalisme total.</p> <p>Soit l&#8217;affichage de posts uniques par page, l&#8217;absence de stream et la disparition de toute navigation apparente.</p> <p>Pour se déplacer d&#8217;un contenu à l&#8217;autre, le clic prolongé de l&#8217;utilisateur ouvrait une interface radiale en Flash/Actionscript3 couvrant la surface du site.</p> <p>Le challenge était ici de, non seulement superposer des contenus html et flash en conservant le maximum de rétrocompatibilité sur les plus anciens navigateurs, mais aussi de parvenir à transmettre les évènements souris de l&#8217;interpréteur natif au plugin Flash; transmission variant du tout au tout selon le navigateur.</p> <img alt="daylonmwcom 2010 - 1" src="http://www.daylonmw.com/post/2010/12/13/./visuels/web_dmw2010_1.jpg" /> <img alt="daylonmwcom 2010 - 2" src="http://www.daylonmw.com/post/2010/12/13/./visuels/web_dmw2010_2.jpg" /> <img alt="daylonmwcom 2010 - 3" src="http://www.daylonmw.com/post/2010/12/13/./visuels/web_dmw2010_3.jpg" /> Les Démons de Paris, Jean-Philippe Depotte (ed. Denoël) urn:md5:f8ed79b273180ff2a19dbe8c72f56ad8 2010-03-01T16:53:00+00:00 2010-10-20T16:14:38+01:00 Daylon Illustration <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p> <p> <em>Jean-Philippe Depotte — <strong>Les Démons de Paris</strong></em><!-- titre --><br /> Denoël<!-- client --><br /> 150x230mm, première et quatrième de couverture, quadrichromie.<!-- specs --> </p> <p> <!-- description --> Illustration de couverture pour le premier roman para-historique et fantastique du français Jean-Philippe Depotte.<br /> L'image s'étend de la quatrième à la première de couverture en passant par le dos, d'un seul tenant. </p> <p> <!-- à voir aussi --> <strong>À voir aussi&nbsp;:</strong><br /> <a href="http://www.moonmotel.fr/post/2009/11/30/Les-d%C3%A9mons-de-Paris">Le postmortem, en ligne sur le Moonmotel</a> </p> <img alt="Les Démons de Paris - 1" src="http://daylonmw.com/visuels/illus_demons-paris_0-packshot.jpg" /> <img alt="Les Démons de Paris - 2" src="http://daylonmw.com/visuels/illus_demons-paris_1-packshot.jpg" /> Big Fan (ed. Inculte) urn:md5:bfb3b06f14c967fc8bcba62fb843a728 2010-01-10T15:17:00+00:00 2012-11-15T00:10:36+00:00 Daylon Design <p> <em>Fabrice Colin — <strong>Big Fan</strong></em><!-- titre --><br /> Inculte<!-- client --><br /> 140x190mm, dépliant en quatre tableaux monochromes.<!-- specs --> </p> <p> <!-- description --> Réinterprétation d&#8217;un concert de Radiohead par les yeux du personnage de Bill Madlock, à savoir&#160;: basculement de la réalité, figure christique de Tom Yorke.<br /> Clichés d&#8217;origine de <a href="http://www.flickr.com/photos/markturner/">Mark Turner</a>. </p> <p> <!-- à voir aussi --> <strong>À voir aussi&#160;:</strong><br /> <a href="http://moonmotel.fr/post/2009/10/19/Rainbows-remixed">&#8220;Rainbows remixed&#8221;, la série photographique sur le Moonmotel</a></p> <img alt="Big Fan - 1" src="http://www.daylonmw.com/post/2010/01/10/./visuels/design_bigfan_0-packshot.jpg" /> <img alt="Big Fan - 2" src="http://www.daylonmw.com/post/2010/01/10/./visuels/design_bigfan_1-depliant.jpg" /> <img alt="Big Fan - 3" src="http://www.daylonmw.com/post/2010/01/10/./visuels/design_bigfan_2-depliant.jpg" /> Penchés sur le berceau des géants (in Retour sur l'horizon, ed. Denoël) urn:md5:8bfe9e0e302fd469a18ae6e31bbddadd 2009-11-01T17:05:00+00:00 2010-10-21T11:23:30+01:00 Daylon Stories <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p> <p> <em><strong>"Penchés sur le berceau des géants"</strong> in Retour sur l'horizon</em><!-- titre --><br /> Denoël<!-- client --><br /> Histoire courte, 40 000 signes.<!-- specs --> </p> <p> <!-- description --> Uchronie ou parachronie selon les humeurs traitant de la distance, de la déconquête spatiale, d'une certaine forme de singularité vécue depuis les nineties et, enfin, de la crise de l'argument dit de science-fiction. </p> <p> <span> «&nbsp;Ça pourrait ressembler à ça, la fin des temps. Ou le futur[...] Peu importe. Avec des vaisseaux spatiaux partout, des hologrammes en 3D et des combis en aluminium.&nbsp;»<br /> Denez concède un sourire&nbsp;:<br /> «&nbsp;Oh oui. J’ai toujours rêvé de ressembler à un club-sandwich dans son alu.&nbsp;»<br /> Elle l’ignore&nbsp;:<br /> «&nbsp;Y’aurait toujours cette plage. On pourrait nager en pleine science-fiction que ça ne changerait rien. Cette plage ne bougerait pas d’un pouce. Elle serait toujours ici.&nbsp;»<br /> Avec ses voiliers et ses ballons de plage. Avec ses touristes et ses châteaux de sable.<br /> Denez lève la tête, se protège les yeux et cherche à capter, perdues dans le filtre d’azur, les ancres des géants qui se balancent en lignes simples [...] Il essaie d’imaginer le monde un siècle plus tard. Il creuse son imagination mais les images de voitures volantes et de stations spatiales ne parviennent pas à prendre corps. Il soupire.<br /> «&nbsp;Nos parents ont flingué le futur.&nbsp;» </span> </p> <p> <!-- à voir aussi --> <strong>À voir aussi&nbsp;:</strong><br /> <a href="http://www.denoel.fr/Denoel/extraits/B26055.pdf?prod_code=B26055">Extraits du recueil (PDF)</a></p> <img alt="Penchés sur le berceau des géants - Daylon 1" src="http://www.daylonmw.com/post/2009/11/01/./visuels/story_geants-0.jpg" /> <img alt="Penchés sur le berceau des géants - Daylon 2" src="http://www.daylonmw.com/post/2009/11/01/./visuels/story_geants-1.jpg" /> <img alt="Penchés sur le berceau des géants - Daylon 3" src="http://www.daylonmw.com/post/2009/11/01/./visuels/story_geants-2.jpg" /> Encre, Hal Duncan (ed. Denoël) urn:md5:4b8c4b0b1864411c0f24a2ede8a909fd 2009-09-01T16:21:00+01:00 2011-09-13T01:59:00+01:00 Daylon Illustration <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p> <p> <em>Hal Duncan — <strong>Encre</strong></em><!-- titre --><br /> Denoël<!-- client --><br /> 140x205mm, quadrichromie.<!-- specs --> </p> <p> <!-- description --> Seconde partie du diptyque Vélum/Encre.<br /> Utilisation massive de la photographie, des encres et de la retouche. </p> <p> <!-- à voir aussi --> <strong>À voir aussi&nbsp;:</strong><br /> <a href="http://moonmotel.fr/post/2009/05/02/Encre">Le postmortem, en ligne sur le Moonmotel</a><br /> <a href="http://www.daylonmw.com/post/2009/09/01/Encre-Hal-Duncan-%28Denoel%29#">L'illustration du premier tome, Vélum</a></p> <img alt="Encre - 1" src="http://daylonmw.com/visuels/illus_encre_1.jpg" /> <img alt="Encre - packshots" src="http://daylonmw.com/visuels/illus_velum_0-duo.jpg" /> <img alt="Encre - 2" src="http://daylonmw.com/visuels/illus_encre_2.jpg" /> Misvirginity (in 69, ed. ActuSF) urn:md5:0fcfc4b12b502aff59a1439a20aa5fb8 2009-06-01T17:04:00+01:00 2012-11-15T00:08:27+00:00 Daylon Stories <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p> <p> <em><strong>&#8220;Misvirginity&#8221;</strong> in 69</em><!-- titre --><br /> ActuSF<!-- client --><br /> Histoire courte, 35&#160;000 signes.<!-- specs --> </p> <p> <!-- description --> Texte bref paru dans la bien-nommée anthologie érotique. Un bref entretien avec un sextoy humain. Souvenirs, décadence, fin de l&#8217;humanité et révoltes sociales en bruit de fond.<br /> À noter que le texte est disponible en téléchargement libre (voir plus bas). Ce récit est déconseillé au jeune public. </p> <p> <span> «&#160;Je traversai en robe de cocktail le casual friday, vitre de taxi pour toute protection&#160;; lumière au magnésium, bitume fondu, rues blanchies. J’arrivai&#160;; elle m’accueillit à bras ouverts, la bouche rincée au vin, un sourire parfait. Elle me caressa les cheveux, ses doigts parfumés, des citations de Bataille coulaient sur ses paumes quand ses ongles tiraient le désir derrière mes tempes. J’étais concentrée, prête à l’emploi.&nbsp;[&#8230;]<br /> Apprêtée pour attirer les autres convives, j’étais la gravité, mon vagin le puits&#160;; j’étais le sujet effacé d’une composition pâle quasi mystique, une allégorie, ces hommes et ces femmes autour, tous avides, une cène. &#160;» </span> </p> <p> <!-- à voir aussi --> <strong>À voir aussi&#160;:</strong><br /> <a href="http://www.moonmotel.fr/pdf/misvirginity01.pdf">Misvirginity, en téléchargement libre (PDF)</a> </p> <img alt="Misvirginity (69) - 1" src="http://www.daylonmw.com/post/2009/06/01/./visuels/story_misvirginity-0.jpg" /> <img alt="VMisvirginity (69) - 2" src="http://www.daylonmw.com/post/2009/06/01/./visuels/story_misvirginity-1.jpg" /> Campagne web MK2vod, mai 2009 (MK2) urn:md5:046b6531c5ca8d57b8ced22d5f2002a1 2009-05-14T04:10:00+01:00 2011-09-14T03:13:11+01:00 Daylon Web <p> <em>MK2vod — <strong>Campagne web, mai 2009</strong></em></p> <p>Illustrator, Flash.</p> <p>Définition, conception, création des assets graphiques, storyboarding et réalisation de l&#8217;intégralité de la campagne web du site mk2vod en mai 2009.<br />Déclinaisons multisupports&#160;: publicités 728x60, intersticiels, mailings, etc.</p> <img alt="MK2VOD, campagne de mai 2009 - 1" src="http://www.daylonmw.com/post/2009/05/14/./visuels/web_mk2vod_campagne-mai09_1.jpg" /> <img alt="MK2VOD, campagne de mai 2009 - 2" src="http://www.daylonmw.com/post/2009/05/14/./visuels/web_mk2vod_campagne-mai09_2.jpg" /> Refonte MK2VOD (MK2) urn:md5:9cedb382145afe486f501f3fdf519f21 2009-05-13T17:26:00+01:00 2011-09-13T17:31:20+01:00 Daylon Web <p> <em>MK2 — <strong>Refonte MK2vod</strong></em><!-- titre --><br /> Site événementiel.<!-- client --><br /> Flash / AS3<!-- specs --> </p> <p> <!-- description --> Proposition de refonte pour le site de vidéo à la demande (aujourd&#8217;hui fermé) MK2vod.<br /> Le sujet était d&#8217;optimiser le parcours client et de renforcer l&#8217;interface utilisateur, tout en ayant pour contrainte de conserver intact les en-têtes du site.</p> <p>La solution proposée et retenue fut la mise en place d&#8217;un compte client plus visible, directement manipulable depuis n&#8217;importe quelle page.<br />L&#8217;usage renforcé de scripting client était envisagé pour maximiser l&#8217;interaction entre le visiteur et le site.</p> <p>Le projet fut finalement abandonné pour des raisons budgétaires.</p> <img alt="Mk2vod 1" src="http://www.daylonmw.com/post/2011/09/13/./visuels/web_mk2vod_refonte_2.jpg" /> <img alt="Mk2vod 2" src="http://www.daylonmw.com/post/2011/09/13/./visuels/web_mk2vod_refonte_3.jpg" /> <img alt="Mk2vod 3" src="http://www.daylonmw.com/post/2011/09/13/./visuels/web_mk2vod_refonte_4.jpg" /> La Racine éphémère des nouveaux tenseurs (in Glissements, ed. Moutons Électriques) urn:md5:6e28dce44e7033b896d7ca8ecea10225 2009-05-01T17:05:00+01:00 2010-10-21T11:38:43+01:00 Daylon Stories <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p> <p> <em><strong>"La racine éphémère des nouveaux tenseurs"</strong> in Glissements</em><!-- titre --><br /> Moutons Électriques<!-- client --><br /> Histoire courte, 40 000 signes.<!-- specs --> </p> <p> <!-- description --> Récit originellement écrit pour la revue Fiction puis publiée directement en ligne avant d'être reprise en 2009 dans l'anthologie Glissements. </p> <p> <span> «&nbsp;Sélène couru, se transforma&nbsp;; vint projeter son essence et le monstre mathématique sur des trajectoires erratiques, couvrant de plus en plus de territoires. Si peu. Si vain.<br /> Humaine, hybride, puis humaine, enfin hybride&nbsp;; elle ne prenait plus le temps de s’arrêter. Des cernes, de la fatigue et de la fièvre pour marquer son visage. Autour d’elle, l’espace de modifiait par convulsions. Les limites de l’implant s’estompaient&nbsp;; prenaient possession d’elle sans prévenir. De cours instants.<br /> Ferme les yeux, ma grande . Y’a quelqu’un&nbsp;? Okay, t’es toujours là. Serre les dents.&nbsp;» </span> </p> <p> <!-- à voir aussi --> <strong>À voir aussi&nbsp;:</strong><br /> <a href="http://daylonmw.com/moon/ephemere_web.pdf">Le texte, en téléchargement libre (PDF)</a> </p> <img alt="Les tenseurs - 1" src="http://daylonmw.com/visuels/story_tenseurs-0.jpg" /> <img alt="Les tenseurs - 2" src="http://daylonmw.com/visuels/story_tenseurs-1.jpg" /> <img alt="Les tenseurs - 3" src="http://daylonmw.com/visuels/story_tenseurs-2.jpg" /> <img alt="Les tenseurs - 4" src="http://daylonmw.com/visuels/story_tenseurs-3.jpg" /> Chansons pour Ouroboros (in Dragons, ed. Calmann-Levy) urn:md5:e04dbf65c9747edcbb928104b495b9e1 2009-03-01T17:04:00+00:00 2012-11-15T00:06:20+00:00 Daylon Stories <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p> <p> <em><strong>&#8220;Chansons pour Ouroboros&#8221;</strong> in Dragons</em><!-- titre --><br /> Calmann-Levy<!-- client --><br /> Histoire courte, 40&#160;000 signes.<!-- specs --> </p> <p> <!-- description --> Tentative de traitement lyrique d&#8217;une idée primitive de l&#8217;heroïc fantasy. En six chants. Texte brutal dans sa forme, plutôt direct dans son contenu.<br /> Contient des chevaliers perdus, un prince déchu, des fossiles, un clergé cagoulé, du sang, des mirages cosmiques, de la torture, des pouvoirs, des courtisanes et surtout la cité-forteresse d&#8217;Ouroboros. </p> <p> <span> «&#160;Il se dit dans les salons que Presqu&#8217;Éternité faiblit.<br /> Il se dit dans les salons, visages poudrés et lèvres peintes, que le Dévoreur se prépare à quitter le gouffre. Des frissons et des expressions choquées, des questions, des corps qui se penchent et diffusent la rumeur sur le ton de la confidence. Il se dit que le cavalier Presqu&#8217;Éternité posera bientôt le genou à terre, baissera les yeux et capitulera. Il se raconte que son dragon n&#8217;est plus aussi lumineux qu&#8217;autrefois, que le col du gouffre ne s&#8217;embraserait plus à son passage. Des courtisanes ouvrent de grands yeux maquillés, elles se redressent, prises au piège dans le corset&#160;; des mèches se rebiffent des coiffures étudiées.<br /> [&#8230;] Elles prennent de nouvelles poses, s&#8217;amusent parfois, leurs expressions s&#8217;exagèrent, elles minaudent pour maintenir l&#8217;illusion, elles s&#8217;échangent des heures de banalités où se glisse&#160;: peut-être faut-il envoyer les dragons dans le gouffre&#160;?&#160;» </span> </p> <img alt="Chansons pour Ouroboros - 1" src="http://daylonmw.com/visuels/story_ouroboros-0.jpg" /> <img alt="Chansons pour Ouroboros - 2" src="http://daylonmw.com/visuels/story_ouroboros-1.jpg" /> <img alt="Chansons pour Ouroboros - 3" src="http://daylonmw.com/visuels/story_ouroboros-2.jpg" /> La Maison aux fenêtres de papier, Thomas Day (ed. Folio) urn:md5:51cc212713f75e264efae95818b9b94d 2009-02-01T16:48:00+00:00 2010-10-22T00:46:35+01:00 Daylon Illustration <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p> <p> <em>Thomas Day — <strong>La maison aux fenêtres de papier</strong></em><!-- titre --><br /> Folio<!-- client --><br /> 60x80mm, quadrichromie.<!-- specs --> </p> <p> <!-- description --> Illustration pour le titre inédit de Thomas Day en Folio SF.<br /> Montage photographique. </p> <!-- <p> Détail sur le titre </p> --> <p> <!-- à voir aussi --> <strong>À voir aussi&nbsp;:</strong><br /> <a href="http://www.moonmotel.fr/post/2008/12/15/516-la-maison-aux-fenetres-de-papier">Le postmortem, en ligne sur le Moonmotel</a> </p> <img alt="La maison aux fenêtres de papier - 0" src="http://daylonmw.com/visuels/illus_maison-day_1.jpg" /> <img alt="La maison aux fenêtres de papier - 1" src="http://daylonmw.com/visuels/illus_maison-day_0-packshot.jpg" /> <img alt="La maison aux fenêtres de papier - 2" src="http://daylonmw.com/visuels/illus_maison-day_2.jpg" /> <img alt="La maison aux fenêtres de papier - 3" src="http://daylonmw.com/visuels/illus_maison-day_3.jpg" /> Vélum, Hal Duncan (ed. Denoël) urn:md5:e49bac90a9a08fc25c92ee551fef234b 2008-11-01T16:21:00+00:00 2010-10-20T17:50:36+01:00 Daylon Illustration <p><br _moz_editor_blogus_node="TRUE" _moz_dirty="" /></p> <p> <em>Hal Duncan — <strong>Vélum</strong></em><!-- titre --><br /> Denoël<!-- client --><br /> 140x205mm, quadrichromie.<!-- specs --> </p> <p> <!-- description --> Interprétation personnelle du personnage de Tamuz.<br /> Figure B&amp;W sur fond saturé. </p> <p> <!-- à voir aussi --> <strong>À voir aussi&nbsp;:</strong><br /> <a href="http://moonmotel.fr/post/2008/02/15/299-velum">Visuel homothétique sur le Moonmotel</a><br /> <a href="http://www.daylonmw.com/post/2009/09/01/Encre-Hal-Duncan-(Denoel)">L'illustration du second tome, Encre</a></p> <img alt="Vélum - 1" src="http://daylonmw.com/visuels/illus_velum_3.jpg" /> <img alt="Vélum - 2" src="http://daylonmw.com/visuels/illus_velum_1-packshot.jpg" /> <img alt="Vélum - 3" src="http://daylonmw.com/visuels/illus_velum_2-packshot.jpg" /> <img alt="Vélum - 4" src="http://daylonmw.com/visuels/illus_velum_4.jpg" /> <img alt="Vélum - packshots" src="http://daylonmw.com/visuels/illus_velum_0-duo.jpg" />