TMA préventive

  • Ce projet a impliqué la conception UX et UI, le développement, l’intégration, l’optimisation SEO et laisse place actuellement à la Tierce Maintenance Applicative.  L’objectif de cette refonte était l’optimisation de l’expérience utilisateur par un effort UX et par l’amélioration des fonctionnalités proposées. Une attention toute particulière a été apportée à la performance du site sur notre plateforme optimisée pour Drupal 8.

     

    Enjeux du projet 

    • Création et développement de la plateforme avec Drupal 8 ;
    • Conception UX et UI ;
    • Déclinaison en Responsive Design ;
    • Script d’import de données ;
    • Migration des contenus ;
    • Bilinguisme : français et anglais.

    Particularités UX

    • Un moteur de recherche au centre de la page d’accueil pour proposer la fonctionnalité de recherche dès l’arrivée de l’utilisateur sur le site ;
    • Un menu burger latéral droit pour ne pas surcharger l’utilisateur avec un menu complexe ;
    • Une bulle "Contact" fixée sur la navigation pour accompagner et rassurer l’utilisateur en cas de questions ou de besoin de contact ;
    • Un formulaire d’abonnement en plusieurs étapes pour ne pas surcharger l’utilisateur en information avec un long questionnaire.

     

    Développements particuliers

    • Les scripts d’import de données vers Drupal pour alimenter le site par import de données (fichiers CSV) sans saisie manuelle notamment pour les parkings, les tarifs, les services.
    • Le moteur de recherche avec un champ libre de saisie par auto-complétion pour la recherche de parkings.
    • Le système de tri avec des filtres à facette et une carte interactive pour la recherche de parking à proximité.
    • Le formulaire d’abonnement à des offres de stationnement en plusieurs étapes, avec le module Webform.
    • La médiathèque pour le sockage et le partage de fichiers multimédias avec les modules Media et Entity Browser.
    • La newsletter pour partager des informations sur les services et les offres en cours de la SAEMES, avec la solution Mailjet.
    • La migration des  contenus du site Drupal 7 vers Drupal 8 avec les modules Migrate API , Migrate Drupal UI et des scripts d’imports complémentaires.

    Front-end -
    Le front-end repose sur notre blank theme Foundation 6.

     

    Membres de l’équipe projet :
    Nicolas Moinet, Rida Maksour, Aman Barakat, Walid Ibrahim, Ryad Karar, Marion Le Roux, Rouaida Roumieh, Laurent Lemoing et Myriam Achnad.

     

    Date de mise en production : septembre 2018

    Accéder au site : www.saemes.fr

  • Enjeux du projet : 
    Refonte graphique, ergonomique du site ;
    - Développement du site avec Drupal 7 ;
    - Theming responsive de la nouvelle version du site ;
    - Accostage à l'API le pilote - Informations itinéraires.

    Développements particuliers : 
    - Utilisation de la distribution Panopoly (et panelizer) - Utilisation de plusieurs layouts, déplacement des blocs par "drag and drop", ajout des blocs directement sur la page.
    - Le module Panelizer est configuré pour administrer les noeuds de contenu.
    - Le module Fieldable Panel Pane est utilisé pour la création de blocs dynamiques. Il permet de les afficher dans les différentes pages du site.
    - Le plugin SwiperJS est utilisé pour le slideshow responsif. Les modules Views Slideshow et Views Slideshow Swiper JS sont configurés. 
    - L'accostage à l'API du pilote a été effectué par l'intermédiaire d'un module sur-mesure documenté. Ce module gère la connexion à l'API et permet l'affichage des horaries des lignes et des itinéraires entre un point de départ et d'arrivée. 

    Front-end : 
    Le thème du site est un sous-thème basé sur Omega 4.
    Il utilise SASS comme syntaxe compilée par Compass pour la génération de fichiers CSS.
    Thème responsif, html5.

    Membres de l'équipe projet :
    Lara, Rouaida, Ryad, Ludovic, Aman, Laurent, Christophe. 

    Date de mise en production : Janvier 2016.

    Accéder au site : ciotabus.fr

  • Enjeux du projet : 
    TMA du site, migré vers Drupal7, depuis 2012;
    - Refonte graphique et ergonomique du site ;
    - Theming responsive de la nouvelle version du site ;
    - Intégration avancée SolR.

    Développements particuliers : 
    - Intégration des modules Panels et Panelizer ;
    - Impression pdf avancée ;
    - Développement d'un module sur-mesure permettant la recherche des services ;
    - Scripts de nettoyage des contenus migrés ;

    Date de mise en production : Décembre 2015.

  • Enjeux du projet :
    - Reprise du développement du site Drupal 7 ;
    - Architecture de l’information :
    - Responsive Design ;
    - Cartographie dynamique ;
    - TMA préventive, corrective et évolutive.

    Développements particuliers :
    - Utilisation de Search API et Facet API pour proposer une recherche optimale et permettre de gérer facilement les interfaces de tris à facettes ;
    - Configuration de Gmap pour proposer une cartographie dynamique ;
    - La gestion des médias a nécessité le module Scald pour la gestion des ressources mutlimédias et leur intégration à CKEditor ;
    - La création et l’administration des diaporamas dans une vue a été possible grâce au module Views Slideshow.

    Frontend :
    Theme HTML 5 de Mothership

    Membres de l’équipe projet :
    Lara, Rouaida, Ryad, Christophe.

    Date de mise en production : mai 2016
    Accéder au site : caue13.fr