Si je pouvais recréer le Web,
j’en ferais un endroit merveilleux,
ouvert,
étonnant,
de partage,
sans pub,

accessible à tous.


Web & UI Design

Je garde les yeux grand ouverts sur les tendances graphiques et design du Web depuis mes débuts en 2003. Aujourd’hui je me spécialise dans le design simple et épuré, voire minimaliste. Je conçois des interfaces Web et mobile (UI), pour tablette et smartphone. L'expérience me permet également d'apporter ma contribution en ergonomie et UX design.

Intégration

Je code dans les règles de l'art en HTML (inc. HTML5), CSS (inc. CSS3) et JavaScript (le plus souvent avec jQuery), avec ou sans framework ou préprocesseur CSS (SASS) et valide W3C. Je prends en compte la rétrocompatibilité nécessaire au projet en fonction de sa cible, ainsi que l'optimisation des performances. Je code également des sites Web responsives (RWD) ou dédiés (desktop, tablette, smartphone, etc.).

Qualité seo & a11y

Je mets une attention particulière à délivrer le fruit de mon travail dans la meilleure qualité en fonction des contraintes inhérentes au projet. Maintenabilité, On-page SEO, accessibilité (A11Y), sémantique (Microdata), performance, compatibilité, etc.

Formation

Depuis quelques années, je donne des formations d'optimisation SEO et intégration HTML5/CSS3 en école privée.


/me

J’aime le design, le graphisme, le code, les trois ensemble, l’expérimentation, la trance progressive, le jazz, la musique en général, le cinéma, la science-fiction, le fantastique, les jeux vidéos, les casse-têtes, le tennis, le roller, le ski, la randonnée, la pétanque, les bandes dessinées, les mangas, la japanimation, les jeux de société, les nouvelles technologies, les trucs de geek, le bon café…


Quelques projets récents…


Intégration du nouveau site d'Opquast. Considérant l'activité et la cible, il y a un enjeu important en terme d'accessibilité et de qualité de code. J'ai mis un effort tout particulier sur l'ajout de schémas de données structurées.

  • Intégration rétrocompatible IE8
  • Optimisations SEO et d’accessibilité (schema.org, rôles ARIA, etc.)
  • Optimisations des rendus d’images (SVG, etc.)
  • Optimisations pour le chargement (base64, etc.)
  • Optimisations responsives pour tablettes, smartphones et pour l'impression

opquast.com

Version desktop du site OpquastVersion mobile du site Opquast



Intégration d'un site événementiel à l'occasion d'ateliers créatifs pour la Manufacture de Saint-Étienne. Une attention particulière au rendu ergonomique et interactif de l'expérience utilisateur prévue par le directeur artistique.

  • Intégration rétrocompatible IE9
  • Optimisations SEO et d’accessibilité
  • Optimisations pour le chargement (base64, etc.)

atelierscreatifs.fr

Accueil du site Manufacture Ateliers CreatifsGalerie du site Manufacture Ateliers Creatifs



Intégration du site one page du restaurant en responsive. Au vu de la maquette fournie, les visuels doivent être optimisés pour les écrans Retina, mais aussi pour le chargement en mobilité, et retrocompatible pour IE8.

  • Intégration rétrocompatible IE8
  • Optimisations SEO et d’accessibilité (schema.org, rôles ARIA, etc.)
  • Optimisations des rendus d’images (SVG, etc.)
  • Optimisations pour le chargement (base64, etc.)
  • Optimisations responsives pour tablettes et smartphones

littlerockdiner.com

Version desktop du site LittleRock DinerVersion mobile du site LittleRock Diner



Intervention sur la refonte des sites e-commerce Casino Drive et Casino Express. Compte tenu du client et de sa large cible, l’optimisation SEO et de l’accessibilité sont primordiales.

  • Intégration rétrocompatible IE7
  • Optimisations SEO et d’accessibilité
  • Optimisations pour le chargement des pages (base64, etc.)
  • Prise en compte du « service rendu » (affichage, navigation) pour tablettes


Direction artistique et création d’un design pour la fédération des parents d'élèves de l'enseignement public. La charte graphique doit être plus en accord avec la cible et les tendances graphiques et ergonomiques actuelles. Le design doit être prévu pour une plate-forme multi-site via le CMS Mura.

  • Propositions ergonomiques et d’organisation des contenus
  • Définition de la charte graphique et Web design

peep.asso.fr

Accueil du site de la PEEPBas de page du site de la PEEP



Intervention sur la refonte graphique du site national de Century21, avec l’aide de deux confrères freelances, pour concevoir les interfaces et décliner toutes les pages nécessaires aux intégrateurs.

  • Propositions ergonomiques
  • Propositions et déclinaisons graphiques

century21.fr

Une page du site de Century21Une autre page du site de Century21



Intervention sur la nouvelle stratégie mobilité de Cdiscount, en tant que prestataire externe par l'intermédiaire du groupe SQLI (SSII). Élaboration d’interfaces pour les applications iPhones, iPad et smartphones Android ; et également sur les sites e-commerce dédiés smartphones et tablettes.

  • Propositions ergonomiques
  • Propositions et déclinaisons graphiques
  • Conseils en performance

Version mobile du site CdiscountVersion tablette du site Cdiscount


… et d'autres sites one-page, e-commerce, responsives ou dédiés, applications mobiles, etc.


Twitter Facebook LinkedIn Google+ CodePen


hello arobase twikito point com