UX Design

  • Confédération Générale du Travail

    Périmètre de notre mission : un travail d’analyse SEO et des personas, la conception UX et UI, le développement avec Drupal 8, la migration des contenus depuis le CMS Spip, l’intégration front-end. Aujourd’hui, nous accompagnons la CGT dans le cadre de la Tierce maintenance Applicative préventive, corrective et évolutive ainsi que de l’hébergement.

     

    Enjeux du projet 

    • Optimisation de l’expérience utilisateur et modernisation du design par l’analyse des personas et la conception UX et UI ;
    • Création et développement d’une plateforme avec Drupal 8 ;
    • Déclinaison en Responsive Design ;
    • Migration des données de SPIP vers Drupal ;
    • Mise en place de l’espace militant ;
    • Sauvegarde du référencement SEO.

    Particularités UIX

    • Conception d'un site "magazine" ;
    • Mega-menu plein écran permettant une recherche selon plusieurs axes ; 
    • Formulaire de syndicalisation en trois étapes, rapide et intuitif, accompagné du paiement en ligne des cotisations.

    Développements particuliers

    • Un espace militant proposant aux utilisateurs la création, la gestion, la publication et le téléchargement de contenus (articles, dossiers, fichiers). Les utilisateurs peuvent gérer leur profil et accéder à des forums de discussions.
    • Un moteur de recherche Apache Solr qui indexe les contenus du site ainsi que les ressources documentaires.
    • Un mega menu plein écran qui propose des parcours par thèmes (secteurs d’activité, géographie et thématiques) et par types de contenus (Actualités, dossiers, WebTV, agenda et communiqués de presse). 
    • Un carte interactive permettant de rechercher un établissement CGT à proximité. 
    • Une WebTV pour diffuser des contenus vidéos de la confédération.
    • La migration des contenus de Spip vers Drupal 8.

    Front-end

    Le front-end a été réalisé avec Foundation 6.

     

    Membres de l’équipe projet :
    Ryad Karar, Marion Leroux, Ludovic Coullet, Rida Maksour, Elie Choufani, Elie Nassar, Rouaida Roumieh, Laurent Lemoing et Christophe Dugué.

     

    Date de mise en production : novembre 2018.

    Accéder au site : www.cgt.fr

  • Essilor SA

    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

  • Osez Le J1

    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 : 
     

  • WWF France

    En collaboration avec l'association de défense de l’environnement  WWF, l’agence Drupal bluedrop.fr a conçu et mené le développement, avec Drupal 8, de l'intranet documentaire de WWF France. L'intranet permet de mettre à la disposition de tous les salariés les documents d’informations internes et externes et organise l'information et le travail collaboratif par groupes, zones géographiques et thématiques.

    Outils utilisés :
    Drupal 8 - GIT - modules contribués Drupal

    Enjeux du projet :
    - Mener la conception et le développement de la plateforme Drupal 8 ;
    - Assurer la réalisation graphique et ergonomique du site ;
    - Proposer une gestion des groupes d’utilisateurs et la liaison avec l'annuaire LDAP de WWF ;
    - Proposer une gestion avancée de la confidentialité des documents ;
    - Fournir une recherche avancée - Moteur de recherche SolR à facettes ;
    - Mettre à disposition un thème responsive.

    Développements particuliers :
    - Création d'un module sur-mesure, en complément du module Group, concernant la gestion des groupes et des permissions ;
    - Création d'un module sur-mesure "IPTC" capable d'extraire les métadonnées des photos.

    Front-end :
    - Thème responsif de Foundation 6.2.4.
    - Icônes en MDI (Material Design Icons).

    Membres de l’équipe projet :
    Lara Zaki, Nicolas Moinet, Rida Maksour, Laurent Lemoing, Elie Choufani, Walid Ibrahim, Christophe Dugué, Ludovic Coullet.

    Date de mise en production : Mai 2017

    Accéder au site : URL confidentielle.

  • Acensi

    Outils utilisés :
    Drupal 8 - GIT- modules contribués Drupal

    Enjeux du projet :
    - Refonte du site avec Drupal 8 ;
    - Réalisation graphique et ergonomique du site - UX et UI design ;
    - Webdesign avancé pour chaque page du site ;
    - Structure de contenu ; 
    - Theming responsive.

    Développements particuliers :
    - Structuration éditoriale du contenu grâce à la mise en place d’une dizaine de types de paragraphes - module Paragaphs ;
    - Mise en place d’un layout Full Responsive Design fluide pour adapter l’affichage ;
    - Mise en place d’un carrousel responsive flexible et swip event supported pour les animations notamment en page d’accueil grâce au module Slick Carousel - Ce carrousel s’adapte aussi bien sur desktop, tablettes et Smartphone et permet de faire défiler les slides au toucher ;

    Front-end :
    Thème responsive de Foundation 6 et CSS3, dont les librairies JavaScript suivantes :
    - Accordion ;
    - Drop Down ;
    Et le module Slick Carousel cité plus haut. 

    Membres de l’équipe projet :
    Ludovic Coullet, Joseph Agnastios, Lara Zaki, Rouaida Roumieh, Aman Barakat, Ahmad Rizk, Ryad Karar, Christophe Dugué

    Date de mise en production : Avril 2017

    Accéder au site : acensi.fr

  • Takoma

    test utilisation body

Pages