Intégrateur Multimédia
  • APAJH33

    En collaboration avec l'agence Systonic, intégration des templates responsives statiques dynamisés sous Drupal par Systonic.

    Animations et transitions en CSS3 et javascript jQuery.
    Parallax perso, utilisation de la bibliothèque Leaflet pour la carte géographique.

    Voir le site
  • Sentelis

    En collaboration avec l'agence Atypic, intégration des templates responsives statiques.

    Utilisation poussée du plugin fullpage.js avec des chargements AJAX.
    Utilisation de mon plugin personnel pour le parallax.
    Animations et transitions en CSS3 et javascript vanilla.

    Assurément le plus beau projet du moment !

    Voir le site
  • Alphanov

    En collaboration avec l'agence Systonic, intégration des templates responsives statiques dynamisés sous Drupal par Systonic.

    Animations et transitions en CSS3 et javascript jQuery.
    Sliders personnalisés avec les plugins Slick et jquery.waterwheelCarousel mis à jour pour le slider "3D".
    Utilisation de la bibliothèque Leaflet pour la carte géographique.

    Voir le site
  • Jean-Baptiste Verguin

    En collaboration avec Aurore Bourdier, D.A. Freelance, production du site de Jean-Baptiste Verguin, scénographe et designer.

    Thème Wordpress spécifique avec Advanced Custom Fields Pro.

    Voir le site
  • La Croix

    Production de templates responsives HTML5/CSS3/JS pour les résultats des élections européennes 2019.

    Autocompletion du menu de recherche : Utilisation de la balise datalist pour les navigateurs modernes qui la comprennent. Pour les autres (Safari en particulier), un petit Javascript récupère les mots contenus dans la balise datalist et simule le même fonctionnement.

    Modules de présentation de listes avec navigation horizontale.

    Affichage dynamique des résultats en pure CSS.

    Voir les pages dynamisées
  • FIFA

    Création et intégration de deux e-mails responsives insérés dans la plateforme de gestion d'invitations développée par TeamResa.
    Gestion des images de fonds compatible Outlook.
    Tests compatibilité mailers sous Litmus.

    Invitation
    Confirmation
  • Kea-Euclyd

    Minisite responsive présentant un livre blanc sur la digitalisation des ETI, L'Odyssée du dirigeant.

    Graphisme du site en adaptant la créa du Livre Blanc PDF.

    Intégration HTML5, CSS3, Javascript vanilla avec une petite touche parallax.

    Includes et enregistrement des personnes qui téléchargent le PDF en PHP.

    Voir le site
  • L'Express

    Création et production de modules multimédias.

    Utilisation de scrollama.js (je savais bien que cette veille servirait un jour !).

    Javascript vanilla à haute dose, SCSS, responsive, optimisation medias aux petits oignons... (vidéos et visuels plein-pot)

    Voir les modules
  • Liberation.fr

    Création et production d'une newsletter "à la main" pour le service abonnements.

    Tests effectués avec Litmus et SmartFocus (l'appli utilisée par liberation.fr pour envoyer ses newsletters).

    Voir la newsletter
  • La Croix.fr

    Création et production de deux newsletters avec Foundation For Emails.

    Tests effectués avec Litmus..

    La Croix, Le journal
    La Croix, Les exclusifs
  • Liberation.fr

    Production d'une newsletter "à la main".
    Police Libé embarquée.
    Même en utilisant simultanément les méthodes fluid-width, fab-four et breakpoints, certaines configs ne respectent pas le passage de deux à une colonne (en particulier gMailApp et outlookApp Android/iOs). Le client a préféré passer finalement sur une seule colonne, j'ai donc adapté la créa initiale.
    Tests effectués avec Litmus et SmartFocus (l'appli utilisée par liberation.fr pour envoyer ses newsletters).

    Voir la newsletter
    Voir la newsletter responsive
  • La Croix.fr

    Page de présentation de la Rédaction du journal La Croix, argumentaire de vente.

    Animation d'apparition avec intersection-observer javascript.

    Voir le template statique
  • Liberation.fr

    Campagne epub "abonnement à 6€" :
    - Création et production de bannières gif-animé ;
    - Création et production de visuels fixes pour carousels Facebook ;
    - Création et production d'un bandeau pour la page de présentation de l'offre.

    * Désactivez addblock pour voir les gifs animés sous Chrome...

    Voir les images
  • Les Carmes

    Production de templates responsive statiques dynamisés par Systonic sous Drupal pour le site de la salle de spectacles Les Carmes à Langon.
    Pour faciliter la dynamisation, séparation des sections en modules indépendants (includes PHP et SCSS).
    Diaporamas avec slick.js + gestion en css des positions et couleurs des titres des slides, mosaïques en pur css flex.
    Responsive, SASS, JS, CSS3...

    Voir le site
  • Hirica.fr

    Pour l'agence Systonic, Bordeaux, production de cinq templates responsive statiques dynamisés par Systonic sous Drupal.
    Pour faciliter la dynamisation, séparation des sections en modules indépendants (includes PHP et SCSS).
    Slick.js pour les sliders, xZoom.js pour les zooms produits, priority-nav.js pour le menu des catégories et fixed-nav.js perso pour la navigation principale.
    Responsive, SASS, JS, CSS3...

    Voir le site
  • Unknowns.fr

    Intégration de 7 templates statiques composés de 35 modules indépendants (includes PHP, includes SCSS) pour le nouveau joli site 100% responsive des amis Unknowns.
    Carousels Flickity, fixed-nav, mosaïques, filtres, ...

    Code HTML/CSS/Javascript optimisé aux petits oignons, comme il se doit !

    Voir le site
  • Kéa-Euclyd

    Dévelopement et intégration d'un thème Wordpress personnalisé pour Kéa-Euclyd.
    Utilisation de Wordpress comme un CMS et non comme un générateur de blog.
    Polylang pour le multilangue, Yoast pour le SEO, Advanced Custom Fields PRO pour création des Custom Fields spécifiques.

    Voir le site
  • Lido.fr

    Pour l'agence Puppets, Paris, intervention ponctuelle en support sur le dev du site Lido.fr.
    Site sous Drupal, sources partagées sous Git avec le reste de l'équipe.
    Intégration du tunnel d'achat. Mise en place des tags TWIG pour dynamisation. Échanges avec le dev PHP pour la partie AJAX. Calcul prix total en javascript.
    Amélioration des animations parallax sur la page d'accueil et la page Spectacle.
    Vidéo HTML5 à fond transparent.
    Optimisation navigation principale (en particulier le comportement un peu étrange du bouton Réserver).

    Voir le site
    Tunnel d'achat
  • Bannières AANA

    Pour l'agence Inoxia, intégration de 28 bannières de pub HTML5 pour l'AANA.

    Animation en javascript vanilla totalement cross-browsers modernes (addEventListener, transitionEvent, animationEvent, classList.add et classList.remove) et CSS3 (transition et @keyframes).
    Optimisation des visuels aux petits oignons…

    Voir les bannières
  • #MaPeauEstUnePrison

    Pour l'agence Atypic, minisite responsive #MaPeauEstUnePrison pour Sanofi.

    Timeline Twitter, partages FB et Twitter par ancres, gestion cookies.

    Voir le site
  • Newsletters La Croix

    Intégration de 7 templates statiques de Newsletters responsives livrés à Bayardweb pour dynamisation.

    Utilisation du framework Foundation-emails à la demande du client, pour assurer une compatibilité maximale.

    Voir les newsletters
  • Fédération Française des Hopitaux

    Pour l'agence Puppets, Paris, intégration des templates statiques livrés au client pour dynamisation.
    Responsive, SASS, jQuery, formulaire complexe avec, en particulier, la mise en place d'une zone d'upload de fichiers multiples et la saisie d'un budget mis à jour en temps réel en javascript... Site compatible jusqu'à IE7 !

    Voir le site online
    Upload fichiers
    Calcul budget
  • Timeline animée

    Pour l'agence Systonic, Bordeaux, production d'un module timeline animé.

    Responsive, SASS, animation Javascript jQuery/CSS3...

    Voir le module livré
    Voir le module dans le site
  • Les Girondins de Bordeaux

    Pour l'agence Systonic, Bordeaux, production de templates HTML5 statiques que les développeurs Systonic ont dynamisés sous Drupal.
    Responsive, SASS, parallax, Flex...

    Voir le site
    Voir les modules livrés
  • Le Bon Marché

    Pour l'agence Puppets, Paris, intégration d'un minisite événementiel Le Bon Marché.
    Responsive, parallax, fixed-nav, vidéo HTML5, SASS...

    PARiS!
  • Havas Worldwide Paris

    Réalisation de prototypes HTML5/CSS3/JS pour appels d'offres.
    Parallax personnel, effets rollovers et click variés, isotope.js et autres animations...

    INPES Prends-moi
    INPES Ma vie sexuelle
    Valéo
  • Sopra-Steria

    Créa et prototype HTML/CSS versions mobiles de sites e-commerce desktop existants avec contrainte de conserver autant que possible les structures HTML générées par le back-office des versions desktop. Étude et adaptation du code existant, graphisme des écrans, déplacement de certains blocs HTML, rajout d'éléments sémantiques et/ou stylistiques, suppression d'éléments inutiles ou obsolètes et production de CSS et JS compatibles smartphones et tablettes modernes.

    Ma cave
    High tech
    Culturel
  • Sopra Steria

    Créa d'une application d'échanges entre magasins, producteurs locaux, centrales d'achat et direction d'un groupe de distribution. Suivi et cadrage prototypage HTML/CSS responsive desktop/tablette/mobile par équipe interne. Base foundation pour responsive facile pour intervenants internes juniors, utilisation SASS.

    Accueil magasins
    Edition fiche producteur par magasin
    Recherche producteurs locaux
  • Hôtels Mercure

    Intégration HTML5, CSS3 et jQuery
    Jeu en 4 étapes.
    Responsive design, vidéos youtube en pourcentage, décompte jour, heures, minutes et secondes, carte interactive, affichage complexe de données en provenance de Tweeter, Facebook, Pinterest et instagram récupérées par appel AJAX (jsonp)...

    Voir la page trip
    Voir la page reveal
    Voir la page teaser
    Voir la page casting