Conception Web : hsolutions

Vous êtes ici

Sélection de travaux réalisés au sein de la société hsolutions.
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.

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.

2015

Réalisation intégrale1 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.

  • 1. À l'exception de la page "carte interactive", réalisée par un tiers et qui s'est ajoutée en dernière minute.
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.

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.

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).