Conception Web : Projets

Vous êtes ici

2023

Création intégrale d'un site web pour l'école Fleur de Cirque (à partir d'un vieux site Wix). Installation Drupal 10, avec un thème et un design de mon cru (à l'exception du logo, préexistant).

2023

Petit site pour le Festival Equinoxe, première édition. Après discussion avec le responsable, nous décidons d'une page web unique avec navigation interne. Codage HTML/CSS/JS entièrement à la main. Graphisme de Maëlie Richard.

2023

Refonte de la partie publique du site, sur un graphisme de Gilles Gfeller. Structure hybride : sur une base Drupal, développement sur mesure d'un module VueJs, pour l'affichage dynamique du programme qu'on peut consulter suivant plusieurs axes (films, lieux, dates) directement dans le menu principal.

2022

Emporté (comme la moitié de la planète) par le phénomène Wordle de début 2022, je me suis dit qu'il était dommage de ne pas pouvoir y jouer en français, et que cela ferait par ailleurs un exercice de développement intéressant. Je ne suis évidemment pas le seul à y avoir pensé, et ma version est malheureusement sortie une semaine après un autre clone français de Wordle, ce qui explique qu'elle n'ait jamais gagné en viralité. A ce jour, elle compte quand même entre 150 et 200 joueurs quotidiens. Projet VueJs.

2022

Un petit jeu "Memory" tout basique, conçu à la suite de mon Wordle·FR, là aussi principalement comme un exercice de SPA en VueJs.

2021

Le site de la cave familiale s'enrichit d'un système permettant aux visiteurs de passer commande facilement. Pas (encore) de paiement en ligne étant donné qu'il faut d'abord que le propriétaire valide la commande, mais un système de panier qui affiche les prix et les cartons de manière dynamique. Stockage temporaire des données en localStorage, et possibilité de garder les coordonnées en mémoire pour passer commande plus facilement à l'avenir. VueJs avec un petit backend PHP fait main.

2020

Développement de la partie "front" d'un système de balance en libre-service. Utilisation de VueJs pour réaliser une single-page app utilisable sur écran tactile, qui communique avec un serveur local qui lui-même fait le lien entre base de données, balance et imprimante. Les illustrations sont de moi (basées sur des photos). :)

2020

Réalisation d'un outil permettant aux producteurs qui utilisent des emballages consignés de présenter leur produits et de se mettre en relations avec des distributeurs. Installation Prestashop pour la partie "boutique", et création à 100% de pages complémentaires qui s'interfacent avec la base de données Prestashop afin de s'y intégrer aussi étroitement que possible : page d'accueil, page d'inscription, et carte permettant de visualiser l'emplacement géographique des participants (VueJs + leaflet). Graphismes de Damien Vaney.

2020

Dix ans après la création du site sous Drupal 6, refonte intégrale du site et passage sous Drupal 8, avec migration des données de l'ancien site. Thème responsive créé à partir de zéro, sur un graphisme de Laurence Fleury.

2019

Dans le cadre d'un hackaton de 36 heures organisé par les HUG, (début de) réalisation d'une app hybride visant à informer les gens sur la question des directives anticipées. Travail (quelque peu frénétique !) au sein d'une équipe de huit personnes et notamment aux côté d'un développeur responsable de l'architecture de l'app. L'app n'était évidemment pas terminée au bout des 36 heures, mais s'est avéré suffisamment convaincante pour nous faire remporter l'un des prix du hackaton. \o/

À quelques petits ajustements près, les captures d'écran présentées ici correspondent à l'app telle qu'elle se présentait au bout de ces 36 heures.

Création du logo de l'app (avant le hackaton) et de toute l'interface (HTML, CSS, JS), suivant les guidelines des apps HUG (le but étant que cette app soit intégrée à l'écosystème d'apps des HUG). Le projet n'est pas encore finalisé mais il suit son cours, avec notamment des recherches de financement.

2019

Neuf ans après la mise en service du site Bucher+Walt (voir ici), celui-ci fait peau neuve. Réalisation de toute la partie front (HTML/CSS/JS) sur la base d'un graphisme fourni par le client. La plupart des modules Javascript ont été codés sur mesure : système de recherche avec suggestions riches, panier AJAX, mise à jour automatique des informations du produit en fonction de la variante choisie, visionneuse d'images, etc.

2019

Réalisation intégrale (PHP, MySql, HTML, CSS, JS) d'un petit outil interne qui permet aux membres d'une coopérative de signaler qu'ils ont besoin d'être remplacés à une date et heure donnée, et de répondre à ces demandes. Un email est envoyé aux participants pour les informer des activités liées à leurs demandes.

2018

Refonte d'un mini-site pour une ONG. Installation Drupal 8, car le client était déjà familier avec cette plateforme et souhaitait rester en terrain connu. Création d'un thème personnalisé (responsive), sur la base d'un graphisme pré-existant.

2018

Refonte d'un site vieillissant et éparpillé entre plusieurs plateformes (SPIP, Joomla), désormais réunifié sous une installation Drupal (version 7 en raison du besoin d'avoir un système de quiz, le module correspondant n'ayant alors pas encore été porté sur D8). La grande nouveauté pour cette version du site était la présence d'une carte permettant de localiser géographiquement la présence de diverses malles pédagogiques. Création d'un thème responsive personnalisé.

2017
Refonte du site ("fait main") afin d'utiliser un CMS (Drupal 8) qui permette au client de mettre à jour les contenus plus facilement. Création d'un thème personnalisé. Le design a été repris de l'ancien site.
2017

Réalisation du site pour le bureau d'architectes Clavien Rossier. Installation Drupal 8 avec un thème (évidemment responsive) réalisé en étroite collaboration avec le client. Sur la page Projets, navigation javascript sophistiquée pour faire défiler les images d'un projet (flèches horizontales) et pour passer d'un projet à l'autre (flèches verticales).

2016

Refonte intégrale du site de l'Association Genevoise des Musiciens de Jazz. Installation Drupal, thème personnalisé (basé sur Zen) et optimisé pour mobiles. Graphisme de Guy Vuagnoux.

2016
Site web de l'entreprise de mes parents, depuis reprise par mon frère. Graphisme et codage de moi-même. Les photos sont de mon frère Samuel (propriétaire de la cave). En coulisse, un framework PHP développé par mon autre frère Gil. Travail familial, donc. :)
2015

Réalisation intégrale d'un mini-site pour donner accès au programme du festival (plus de 150 événements) ainsi qu'à diverses informations pratiques. En raison de la simplicité des pages (toutes statiques, à l'exception de la fonction de recherche), j'ai opté pour du PHP pur (pas de framework) sans base de données SQL. Les données des événements sont stockées dans un simple tableau PHP, ce qui permet de gérer la recherche et aussi de générer toutes les pages des événements.

Priorité donnée à l'accès sur mobile : le site se présente comme une mini-app, avec menu latéral, onglets, options de tri et recherche. Pour autant, il reste parfaitement utilisable sur des écrans plus grands : grâce à une approche responsive (CSS media-query) il s'adapte automatique à la taille de l'écran.

Utilisation d'une web-font (Material icons de Google) pour l'affichage des icônes.

2014

Conception intégrale d'un outil PHP permettant au client de gérer lui-même les informations affichées sur la page "Team" du site Dakine.ch.

2014

Refonte complète du site (alors sous Joomla) et passage sur Drupal, qui permet de mettre sur pied une structure des données assez complexe, mettant en relation villes, régions, événements et films suivant des règles précises.

Un système de rôles hiérarchiques permet aux villes participants au Festival de mettre à jour elles-mêmes leurs propres informations, sous la supervision d'un ou plusieurs responsables.

2014

Refonte du (très vieux) site et passage sous Drupal 7.

2011

Marché en ligne axé sur les produits de la région, avec possibilité de commande ponctuelle ou d'abonnement sous forme de paniers livrés périodiquement.

Codage HTML/CSS/JS, sur un design de Damien Vaney, la programmation du site étant assurée par mes collègues de hsolutions.

2010

Immense catalogue d'articles nautiques.

Codage HTML/CSS/JS, sur un design de Damien Vaney, la programmation du site étant assurée par mes collègues de hsolutions.

2010

Outil permettant de rechercher un revendeur Dakine à proximité d'un lieu donné (en Suisse).

Design + codage HTML/CSS et (en partie) JS.

2009

Sur la base d'un vieux site existant, modifications progressives jusqu'à refonte complète du site lors du changement d'identité visuelle (nouveau logo).

2009 - 2019

Mini-festival consacré à la "mobilité douce", en marge du très (trop ? trop.) fameux Salon de l'Auto.

Réalisation de toutes les éditions, de 2009 à 2019, en collaboration avec un·e graphiste ou en solo.

2009

Refonte intégrale du site web du quatuor Terpsycordes, sur un graphisme de Laurence Fleury.

Les exigences du client (site multilingue —originellement en 5 langues, par la suite réduit à 3—, avec calendrier, gestion des images, lecteur audio, etc) me décident à opter pour Drupal, alors en version 6. Mon premier contact avec ce CMS. :)

Note : site entièrement refait depuis, toujours par mes soins (voir Terpsycordes, v2).

2008

Initiative lancée par une amie pour protester contre les importations abusives de fruits et légumes hors saison.

Le dessin de la fraise est signé Krum, et le script de la pétition a été utilisé (et adapté) avec la permission de Nicolas Dunand. Pour le reste (conception graphique et codage), c'est moi.

Mastodon