Daylon | UX designer & writer | the portfolio of Julien Bouvet

Look mum! No bitmap!

2013-06-22T20:53:00+01:00

If you read this word, you have probably noted this portfolio’s brand new theme.

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’s almost impossible to set it up properly without any bug or experience impediment. It wasn’t worth the fight: feedback I received did not send a good signal. I did try, though. At first. But let’s face it: it is almost impossible to build a modern website “horizontally”. Neither the DOM or the Javascript grammar offer proper ways to handle events and/or scrolling without being a pain.

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’s not, please bear with me and drop me a line over the social network of your choice; I’m reachable). Now, the coolest part: the welcome page does not display any 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 & co. but, now, if we could avoid bitmap — so, apart from pictures — we probably should.

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.

Manhattan

2012-12-01T20:51:00+00:00

Portraits of current architecture — Manhattan
Not yet published.

Third installment in a series, following “Rio de Janeiro”, “Catalunya” and the on-going “Lutecia” project, I tried to portrait Manhattan as seen from the ground and picture an accurate representation of its version of the contemporary era.
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.
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.

Digital. LX3. Aspect ratio: 16:9.

Roadmap

2012-11-25T23:58:00+00:00

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… It was without counting on (better) odds; odds that pushed me away from my personnal projets and, in particuliar, from this very portfolio.

Well.

Months passed and I finally came to a point where I found necessary to take on lasting bugs and inconvenient UI. If you’re familiar with this site, maybe you didn’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’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 AirBnB said on a similar subject. I couldn’t agree more.

What’s down the road, now?
I won’t make any promises since I know how it could turn out. I’m currently finishing some great product on my dayjob and, as a former customer, it’s very rewarding to see it blossoming. I wish I could post here some prototypes or screenshots, but I’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… Which you can also follow via the Moonmotel.

Catalunya

2011-10-01T17:59:00+01:00

Paysages urbains — Catalunya.
Série inédite et non éditée

Image numérique. LX3. Formats 3:2 et 16:9.

À voir aussi :
La série, en ligne sur le Moonmotel

L'ombre dans la vallée (ed. Les Moutons Électriques)

2011-09-19T09:19:00+01:00

Jean-Louis Le May — L’ombre dans la vallée
Les Moutons-Électriques
310x210mm, 600dpi, quadrichromie.

En collaboration avec Lasth.

Illustration de couverture+rabats de la réédition des deux courts romans “L’ombre dans la vallée” ainsi que de “Le viaduc perdu”, littérature provençale apocalyptique.

Alpha nocturne

2011-09-13T03:07:00+01:00

Nouvelle release pour ce portfolio. La seconde en moins d’un an. Cela peut sembler curieux, mais il me semblait indispensable, à l’heure du html5 (attention buzzword), de mettre ce site au pas ; l’épousseter et le rendre présentable.

Les habitués me trouveront curieusement prompt dans la mise en ligne. Il s’agissait, quelque chose, autant de contraintes que de défi. L’idée de mettre directement en ligne un work in progress et ne pas attendre une release qui jouerait l’arlésienne.

La contrainte : 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.

Cela signifie aussi, que de la même manière qu’une application subit de régulières mises à jour, de nombreux ajouts vont émailler ce site dans les jours à venir. J’ai une longue liste d’attente. Il s’agit autant d’améliorations graphiques (le background, l’iconographie, certainement aussi des indicateurs de feedback utilisateur), que d’optimisations de code (je me bats avec la présente version et certains soucis de sandbox javascript) ou d’ajustement ergonomiques (même chose : une longue liste).

Mais plutôt que d’enfermer ce site dans un perpétuel développement privé, je tente l’expérience de la mise en ligne publique. Cela signifie aussi que, à l’heure où je poste ce message, ce site est loin d’être optimisé partout. La probabilité que vous rencontriez des problèmes est non-nulle. Soyez prévenus. En revanche, ;si vous avez cinq minutes entre votre prochaine vidéo Youtube et votre café, n’hésitez pas à me laisser un petit mot.

Une version mobile devrait aussi très rapidement arriver.

Et bientôt, bien sûr, de nouvelles mises à jour sur les sujets qui nous importe tous : l’image.

Vidéodanse 2011 (MK2 + Centre Pompidou)

2010-12-20T01:04:00+00:00

MK2 — Vidéodanse 2011
Bande-annonce
Repique de photogrammes sous Illustrator et animation Flash.

Création d’une bande-annonce 1080p destinée aux inserts publicitaires en salles, en partenariat avec le Centre Pompidou.

Export et sound design externalisé.

À voir aussi :
Voir la bande-annonce

La refonte

2010-10-17T22:48:00+01:00

Je compulsais tout à l’heure mes sources : cela fait bientôt trois ans que le dmw n’avait plus connu de mise à jour. Oh, il n’était pas fermé. Non. Il était en « stand-by », en « refonte prochaine » ; en « please wait, loading ». Les raisons, elles sont évidentes et n’ont pas forcément à voir avec la procrastination. Deux ans tout de même, où 2010 aura marqué la construction silencieuse d’un portfolio. Dix mois de travail en pointillés pour aboutir à ceci : un écrin, sobre autant que possible, sans paillettes, sans prouesse apparente, tout en retenue, aux effets pyrotechniques n’attendant que votre ordre. Du XHTML passe-partout habillé de CSS 1 à 3 ; du javascript DOM et jQuery au maquillage. Du flash, parfois. Le tout repose sur un support robuste en Dotclear.

J’ai rendu la navigation non-apparente et réduit les informations affichées à leur strict minimum. Exit aussi les micro typographies qui fait « tellement web 2.0 ». Elle est ici plus large, lisible. La maquette elle-même s’adapte au terminal avec lequel vous consultez possible, du smartphone aux larges 27 pouces et plus.

À l’heure où vous lisez ces lignes, beaucoup de contenus sont manquants. Leur intégration est en cours. N’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’il est possible que quelques microbugs subsistent. Nous sommes dans les premiers jours de la mise en ligne : c’est normal. Ceux possédant mes coordonnées sont invités à me reporter tout problème rencontré avec le site. Aux autres, j’en appellerai à l’indulgence.

Anecdote : ce nom de domaine a fêté cet été ses huit bougies. Le site en aura dix l’an prochain. Woot.

Note to all my non-french readers (yes, you) : you’re currently visiting my brand new web portfolio. It’s in an early stage of publication ; please bear the relative emptiness of the content. Everything should be online within the next few weeks.

Cleer, L.L. Kloetzer (ed. Denoël)

2010-10-01T16:31:00+01:00

L.L. Kloetzer — CLEER
Denoël
140x205mm, carte souple, trois pantones dont un métallique.

Conception du packaging, de la couverture et prototyping de la maquette intérieure.

À voir aussi :
Postmortem, partie 1 (le visuel)
Postmortem, partie 2 (l'objet)

Rio, de nos jours

2010-09-13T11:49:00+01:00

Paysages urbains — Rio, de nos jours.
Inédits
60x80mm, quadrichromie.

Une série en 10 clichés. Image numérique. LX3. Formats 3:2.

À voir aussi :
La série, non éditée, en ligne sur le Moonmotel

Évadés de l'enfer !

2010-09-01T17:11:00+01:00

Hal Duncan — Évadés de l'Enfer !
Folio
60x80mm, quadrichromie.

Illustration de couverture réalisée en collaboration avec Lasth.

À voir aussi :
Encre
Vélum
Le postmortem, en ligne sur le Moonmotel

Voix du futur, Richard Comballo (ed. Moutons Électriques)

2010-09-01T15:28:00+01:00

Richard Comballot — Voix du futur
Les Moutons-Électriques
190x270mm + larges rabats, quadrichromie.

Illustration de couverture+rabats du recueil d'entretiens de Richard Comballot.
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.

À voir aussi :
Le postmortem, en ligne sur le Moonmotel

Future tech

2010-07-10T18:23:00+01:00

Interface
Recherche graphique
Scaleform / AS3

Dans le cadre de la production d’un jeu vidéo, prototypage d’un rendu possible d’interface utilisateur pour un traitement Flash/Scaleform vers l’Unreal Engine.
Une fausse perspective actionscript fut utilisée pour mimer l’intégration de la solution Scaleform, accompagnée d’un rendu façon multiplane de particules.

Portfolio 2010 (daylonmw)

2010-06-20T04:20:00+01:00

Daylonmw — Portfolio 2010

XHTML 1.1, JQuery, ActionScript 3.

Version 2010 du présent portfolio en ligne, ce site se distinguait par une volonté de minimalisme total.

Soit l’affichage de posts uniques par page, l’absence de stream et la disparition de toute navigation apparente.

Pour se déplacer d’un contenu à l’autre, le clic prolongé de l’utilisateur ouvrait une interface radiale en Flash/Actionscript3 couvrant la surface du site.

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’interpréteur natif au plugin Flash; transmission variant du tout au tout selon le navigateur.

Les Démons de Paris, Jean-Philippe Depotte (ed. Denoël)

2010-03-01T16:53:00+00:00

Jean-Philippe Depotte — Les Démons de Paris
Denoël
150x230mm, première et quatrième de couverture, quadrichromie.

Illustration de couverture pour le premier roman para-historique et fantastique du français Jean-Philippe Depotte.
L'image s'étend de la quatrième à la première de couverture en passant par le dos, d'un seul tenant.

À voir aussi :
Le postmortem, en ligne sur le Moonmotel

Big Fan (ed. Inculte)

2010-01-10T15:17:00+00:00

Fabrice Colin — Big Fan
Inculte
140x190mm, dépliant en quatre tableaux monochromes.

Réinterprétation d’un concert de Radiohead par les yeux du personnage de Bill Madlock, à savoir : basculement de la réalité, figure christique de Tom Yorke.
Clichés d’origine de Mark Turner.

À voir aussi :
“Rainbows remixed”, la série photographique sur le Moonmotel

Penchés sur le berceau des géants (in Retour sur l'horizon, ed. Denoël)

2009-11-01T17:05:00+00:00

"Penchés sur le berceau des géants" in Retour sur l'horizon
Denoël
Histoire courte, 40 000 signes.

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.

« Ç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. »
Denez concède un sourire :
« Oh oui. J’ai toujours rêvé de ressembler à un club-sandwich dans son alu. »
Elle l’ignore :
« 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. »
Avec ses voiliers et ses ballons de plage. Avec ses touristes et ses châteaux de sable.
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.
« Nos parents ont flingué le futur. »

À voir aussi :
Extraits du recueil (PDF)

Encre, Hal Duncan (ed. Denoël)

2009-09-01T16:21:00+01:00

Hal Duncan — Encre
Denoël
140x205mm, quadrichromie.

Seconde partie du diptyque Vélum/Encre.
Utilisation massive de la photographie, des encres et de la retouche.

À voir aussi :
Le postmortem, en ligne sur le Moonmotel
L'illustration du premier tome, Vélum

Misvirginity (in 69, ed. ActuSF)

2009-06-01T17:04:00+01:00

“Misvirginity” in 69
ActuSF
Histoire courte, 35 000 signes.

Texte bref paru dans la bien-nommée anthologie érotique. Un bref entretien avec un sextoy humain. Souvenirs, décadence, fin de l’humanité et révoltes sociales en bruit de fond.
À noter que le texte est disponible en téléchargement libre (voir plus bas). Ce récit est déconseillé au jeune public.

« Je traversai en robe de cocktail le casual friday, vitre de taxi pour toute protection ; lumière au magnésium, bitume fondu, rues blanchies. J’arrivai ; 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. […]
Apprêtée pour attirer les autres convives, j’étais la gravité, mon vagin le puits ; 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. »

À voir aussi :
Misvirginity, en téléchargement libre (PDF)

Campagne web MK2vod, mai 2009 (MK2)

2009-05-14T04:10:00+01:00

MK2vod — Campagne web, mai 2009

Illustrator, Flash.

Définition, conception, création des assets graphiques, storyboarding et réalisation de l’intégralité de la campagne web du site mk2vod en mai 2009.
Déclinaisons multisupports : publicités 728x60, intersticiels, mailings, etc.

Refonte MK2VOD (MK2)

2009-05-13T17:26:00+01:00

MK2 — Refonte MK2vod
Site événementiel.
Flash / AS3

Proposition de refonte pour le site de vidéo à la demande (aujourd’hui fermé) MK2vod.
Le sujet était d’optimiser le parcours client et de renforcer l’interface utilisateur, tout en ayant pour contrainte de conserver intact les en-têtes du site.

La solution proposée et retenue fut la mise en place d’un compte client plus visible, directement manipulable depuis n’importe quelle page.
L’usage renforcé de scripting client était envisagé pour maximiser l’interaction entre le visiteur et le site.

Le projet fut finalement abandonné pour des raisons budgétaires.

La Racine éphémère des nouveaux tenseurs (in Glissements, ed. Moutons Électriques)

2009-05-01T17:05:00+01:00

"La racine éphémère des nouveaux tenseurs" in Glissements
Moutons Électriques
Histoire courte, 40 000 signes.

Récit originellement écrit pour la revue Fiction puis publiée directement en ligne avant d'être reprise en 2009 dans l'anthologie Glissements.

« Sélène couru, se transforma ; vint projeter son essence et le monstre mathématique sur des trajectoires erratiques, couvrant de plus en plus de territoires. Si peu. Si vain.
Humaine, hybride, puis humaine, enfin hybride ; 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 ; prenaient possession d’elle sans prévenir. De cours instants.
Ferme les yeux, ma grande . Y’a quelqu’un ? Okay, t’es toujours là. Serre les dents. »

À voir aussi :
Le texte, en téléchargement libre (PDF)

Chansons pour Ouroboros (in Dragons, ed. Calmann-Levy)

2009-03-01T17:04:00+00:00

“Chansons pour Ouroboros” in Dragons
Calmann-Levy
Histoire courte, 40 000 signes.

Tentative de traitement lyrique d’une idée primitive de l’heroïc fantasy. En six chants. Texte brutal dans sa forme, plutôt direct dans son contenu.
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’Ouroboros.

« Il se dit dans les salons que Presqu’Éternité faiblit.
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’Éternité posera bientôt le genou à terre, baissera les yeux et capitulera. Il se raconte que son dragon n’est plus aussi lumineux qu’autrefois, que le col du gouffre ne s’embraserait plus à son passage. Des courtisanes ouvrent de grands yeux maquillés, elles se redressent, prises au piège dans le corset ; des mèches se rebiffent des coiffures étudiées.
[…] Elles prennent de nouvelles poses, s’amusent parfois, leurs expressions s’exagèrent, elles minaudent pour maintenir l’illusion, elles s’échangent des heures de banalités où se glisse : peut-être faut-il envoyer les dragons dans le gouffre ? »

La Maison aux fenêtres de papier, Thomas Day (ed. Folio)

2009-02-01T16:48:00+00:00

Thomas Day — La maison aux fenêtres de papier
Folio
60x80mm, quadrichromie.

Illustration pour le titre inédit de Thomas Day en Folio SF.
Montage photographique.

À voir aussi :
Le postmortem, en ligne sur le Moonmotel

Vélum, Hal Duncan (ed. Denoël)

2008-11-01T16:21:00+00:00

Hal Duncan — Vélum
Denoël
140x205mm, quadrichromie.

Interprétation personnelle du personnage de Tamuz.
Figure B&W sur fond saturé.

À voir aussi :
Visuel homothétique sur le Moonmotel
L'illustration du second tome, Encre