Design : GeneralPublic
Portfolio pour le studio de design et d’architecture d’intérieur NoNo Studio, basé entre New York, Los Angeles et Mexico.
Mise en place d’une grille aléatoire évolutive
Chargement dynamique de contenu
Redistribution en temps réel de l’ordre et de la taille des images
Animations et transitions pilotées par GSAP
Kirby CMS · Alpine.js · GSAP
Design : GeneralPublic
Développement du site de HBLA — Hugo Bruley Landscape Architecture, agence de paysage basée à Paris et active à l’international. Le site est conçu comme un outil de consultation et d’exploration des projets, adaptable à des échelles, contextes et typologies très variés.
Mise en place d’un système de navigation flexible
Tableau interactif pour filtrer, ouvrir et parcourir les projets
Vue alternative en grille d’images
Chargement dynamique de l’ensemble des contenus
Animations et transitions pilotées par GSAP
Kirby CMS · Alpine.js · GSAP
Site du réalisateur Vincent Moon, réalisé avec l’aide de Julie Hoch (Powa). Le site constitue une archive libre et évolutive de plus de 700 films tournés à travers le monde.
Mise en place d’une grille interactive avec filtres et moteur de recherche
Système de navigation dédié à l’exploration d’un vaste catalogue de contenus
Carte interactive pour une lecture géographique des films (Mapbox GL)
Synchronisation entre navigation éditoriale, recherche et cartographie
Développement sur mesure et optimisation des performances
JavaScript · Mapbox GL · Alpine JS · ProcessWire
Design : GeneralPublic
(Mathilde Lesueur & Jérémie Harper, avec Delphine Dubuisson et Marie Eschenlauer)
Développement du site portfolio et e-shop (WooCommerce) de l’atelier Pierre Yovanovitch, agence d’architecture d’intérieur et de design entre Paris et New York.
Développement WordPress entièrement sur mesure
Intégration et personnalisation WooCommerce
Mise en place d’un site hybride portfolio / e-commerce
Optimisation des performances et de l’expérience utilisateur
WordPress · WooCommerce · HTML5 · CSS3
Design : Bureau Clément Wibaut
Site portfolio du Bureau Clément Wibaut, studio de design graphique et direction artistique parisien. Le site met en valeur un travail éditorial et typographique exigeant à travers une navigation fluide et une présentation soignée des projets.
Grille dynamique avec système de filtres par catégorie
Tableau intéractif
Animations au scroll
Intégration CMS Kirby sur mesure
Kirby CMS · HTML5 · CSS3 · JavaScript
Design : GeneralPublic
Développement du site du studio de design GGSV, fondé par Gaëlle Gabillet et Stéphane Villard. Le site reflète une pratique à la croisée du design objet, de l'architecture intérieure et du travail curatorial, avec un système de vue scindée, une grille modulaire et des animations au scroll. Développé sous WordPress avec un thème entièrement sur mesure, CSS et JavaScript personnalisés.
Système de vue scindée (split-view)
Grille modulaire avec animations au scroll
Thème WordPress développé de zéro
WordPress · HTML5 · CSS3 · JavaScript
Design : en collaboration avec Anne-lise Bachelier
Design et développement du site de l'association Nos Années Sauvages. Un site riche en contenu construit autour d'un ensemble limité de templates grâce à des systèmes de grille modulaire et de couleurs. Le site est animé par une animation de fond générative qui se déploie dans le temps, change de couleur selon la catégorie de page et réagit aux interactions de l'utilisateur.
Grille modulaire et système de couleurs pour une gestion de contenu flexible
Animation de fond générative avec changement de couleur par catégorie et réaction au clic
Intégration Kirby CMS sur mesure
Kirby CMS · Canvas · HTML5 · CSS3 · JavaScript
Design et développement du portfolio d'Evangelia Kranioti, artiste visuelle et réalisatrice grecque basée à Paris, dont les films ont été présentés à la Berlinale, à l'IDFA ou encore aux Rencontres d'Arles. Le site privilégie l'image et l'immersion, avec une esthétique minimaliste au service d'un travail visuel fort.
Expérience immersive centrée sur l'image, avec de nombreux visuels en plein écran
Diaporamas et accordéons pour la présentation des films
Typographie grotesque, design épuré
Kirby CMS · HTML5 · CSS3 · JavaScript
Design : Bureau Balthazar
Développement du site portfolio de Bureau Balthazar, agence d'architecture franco-suisse. Un site minimal organisé sur le principe de double pages, avec des animations et interactions discrètes : changement de couleur du texte au scroll sur la page journal et slider avec curseur personnalisé.
Double page layout
Changement de couleur du texte au scroll
Slider avec curseur personnalisé
Intégration Kirby CMS sur mesure
Kirby CMS · HTML5 · CSS3 · JavaScript
Design : Anne-lise Bachelier & Lisa Sturacci
Développement du site vitrine de Big Bang Projects, l'agence du designer Guillian Graves, qui mobilise le design, les sciences et les technologies au service du vivant. Le site présente les activités, l'actualité et l'approche de l'agence à travers une grille de blocs modulaire et responsive qui s'adapte aux contenus.
Grille de blocs modulaire et responsive
Animation header avec GSAP
Animation de curseur personnalisée variant selon la page
Kirby CMS · GSAP · HTML5 · CSS3 · JavaScript
Design : Bureau Kayser
Développement du site e-shop de Area Books, maison d'édition indépendante parisienne dont la démarche éditoriale explore des territoires artistiques réels, imaginaires ou projetés, en étroite collaboration avec artistes et auteurs. Le site présente le catalogue et permet l'achat en ligne via Snipcart, avec un système de blocs de contenu modulaire, un curseur personnalisé et un diaporama.
Intégration e-shop avec Snipcart
Système de blocs de contenu modulaire
Diaporama (Swiper.js)
Curseur personnalisé
Grav CMS · Snipcart · Swiper.js · HTML5 · CSS3 · JavaScript
Design : Atelier Baudelaire
Développement du site portfolio de l'Atelier Baudelaire, studio de recherche et de création à la croisée du design graphique et du volume, entre culture et innovation. Le site s'articule autour d'un scroll magnétique par sections et d'une grille filtrée pour la navigation dans les projets.
Grille de projets avec système de filtres
Scroll magnétique par sections (Fullpage.js)
Diaporamas
Intégration CMS Grav sur mesure
Grav CMS · Fullpage.js · HTML5 · CSS3 · jQuery
Design et développement du site transmédia Híbridos, exploration poétique de la spiritualité brésilienne à travers ses rituels et sa musique. Fruit de cinq années de production indépendante par Vincent Moon, Priscilla Telmon et Fernanda Abreu, le projet rassemble plus de 150 films, 75 albums, interviews et textes documentant les rituels spirituels du Brésil. Publié sous licence Creative Commons.
Grille interactive avec système de filtres multiples
Carte illustrée interactive avec symboles-filtres par tags (environnement, religion, etc.)
Mise en avant dynamique au survol : les symboles liés aux tags d'un rituel se highlighting en temps réel
Pages rituels avec couleur unique, player Vidéo Vimeo personnalisé, contenu éditorial riche (films, outtakes, players SoundCloud, notes interactives dans le texte)
Page dédiée à la collection de 75 albums SoundCloud
ProcessWire CMS · Vimeo API · SoundCloud API · HTML5 · CSS3 · jQuery
Design : Bureau Kayser
Développement du portfolio du photographe Benjamin Malapris (anciennement Benjamin Schmuck), co-fondateur de Kayser & Schmuck et photo-éditeur chez Entorse Éditions. Le site présente son travail de commande international à travers un slider plein écran et un système de navigation par l'image.
Slider plein écran avec légendes dynamiques
Vue overview en grille de toutes les images du diaporama, avec navigation directe vers l'image sélectionnée
Chargement de contenu dynamique dans la page "More" pour visualiser des séries photographiques
Grav CMS · HTML5 · CSS3 · JavaScript
