TMA Drupal

  • 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

  • Objectifs :
    - Adapter le site PointsDeVue aux mobiles
    - UX/UI design;
    - Theming responsive;
    - Intégration Front-end;


    Développement front-end:
    - Thème responsive Drupal 7 utilisant Bootstrap;
    - Site adapté aux devices mobiles (tablettes, smartphones) iOS et Android;

    Equipe en charge du projet :
    Ryad Karar : Direction Artistique
    Joseph Aghnatios : Développement back-end
    Aman Barakat : Développement front-end
    Walid Ibrahim : Développement front-end
    Rouaida Roumieh : Lead Développeur Drupal

    Mise en production : Juillet 2017

    Visitez le site : pointsdevue.com

  • Développement du site de lancement d'appel à projet pour OsezLeJ1 pour le Grand Port Maritime de Marseille-Fos.
    Le J1 accueille encore les voyageurs qui traversent la Méditerranée. Ce trafic va être déplacé dans le courant de l'année 2018. Que va devenir le J1 ? C'est pour répondre à cette question que le Port de Marseille vient de lancer un concours international pour lui trouver une nouvelle vie. Le Port a confié la conception et le développement du site à l'équipe de bluedrop.fr.

    Outils utilisés : 
    Drupal 8 - Git - Foundation 6

    Objectifs :
    Site de l'appel à projet créé avec Drupal 8;
    - UX/UI design;
    - Theming responsive;


    Les petits plus :

    - Une direction artistique minutieuse;
    - Captation images par drone et production d'une vidéo de présentation de l'appel à projet;

    Développement front-end:
    - Thème responsive Drupal 8 utilisant Foundation 6, CSS3;
    - Site tendance sur le modèle des sites one-page;

    Equipe en charge du projet :
    Ryad Karar, Ludovic Coullet, Myriam Achnad, Elie Nassar, Laurent Lemoing, Joseph Aghnatios.

    Date de mise en production : Juin 2017

    URL du site : osezlej1.fr

    Vidéo de présentation du projet en co-production avec Véproduction
     

Pages