SlideShare une entreprise Scribd logo
Common Look And Feel (CLAF)
                             Référentiel graphique et ergonomique applicable
                                           aux portails Airbus et aux sites web

Origine du besoin
 Airbus disposait d’un intranet pour chacune de ses entités (France,
 Allemagne, Royaume-Uni, Espagne). L’ensemble de ces contenus web
 étant très hétérogène, il fallait uniformiser avant la migration vers le portail
 Airbus.
 Dans ce cadre là, l’équipe en charge des trois portails (employés, clients
 et fournisseurs) a exprimé les besoins suivants :
           -   homégénéïsation en terme d’affichage de contenu,
           -   mise en place d’une signature visuelle et fonctionnelle
               véhiculant la personnalité d’Airbus (branding)
           -   instaurer un environnement de travail normalisé, cohérent et
               permettant à l’utilisateur de se reconnaître aisément
           -   réduction des coûts de création et de maintenance et fédérer
               les trois portails,
           -   donner un cadre de référence permettant une intégration sur
               les portails plus aisée.


Solution apportée
 i3M a recueilli les besoins et les problématiques du porteur de projet, et a
 su fournir une réponse en adéquation avec ceux-ci mais aussi avec ceux
 des utilisateurs (visiteurs) et des intégrateurs.
 i3M a donc fait converger par ce guide les besoins de 3 types de
 personnes aux intérêts bien distincts (financiers et marketing pour le
 business, ergonomique et attractif pour le visiteur et techniques pour les
 intégrateurs).
 La solution proposée s’est également inscrite dans un contexte technique
 précis (plateformes portails Plumtree)
 La réponse se décompose en plusieurs livrables :
           -    Guide(s) référentiel(s) reprenant l’ensemble des règles
           -    Composants graphiques (librairies d’images)
           -    Templates destinés à l’intégration
           -    Fichiers permettant le paramétrage graphique et
                ergonomique complet d’un portail (customisation)


Conditions de réalisation
 Equipe de projet et profils
    •   Chef de projet, ergonome, expert technique, concepteur multimedia,
    rédacteur
 Développement
    •   6 mois en application du processus suivant :
          Analyse du besoin des utilisateurs
          Analyse du contexte technique
          Recherche graphique et ergonomique
          Validation des maquettes proposées par le client
          Déclinaison des contenus graphiques / industrialisation
          Librairies d’images, templates, feuilles de styles, scripts,
          Package technique « Customisation » avec procédure d’installation
          Rédaction du référentiel graphique et ergonomique



Suite envisagée
 Le référentiel peut être mis à jour régulièrement en fonction des évolutions
 techniques (montées en version des plateformes portail), changement de
 stratégie de la part des porteurs du projet (branding, fonctionnalités,
 périmètre) évolution des besoins utilisateurs (visiteurs et intégrateurs)
                          21, rue Jean Monnet - Parc d'Activités Cassé II - 31240 SAINT-JEAN - France
           T é l : + 3 3 ( 0 ) 5 6 1 3 4 7 0 0 0 - F a x : + 3 3 ( 0 ) 5 6 1 3 4 7 0 0 1 - g i l b e r t . o l l i v i e r @ i 3 m . f r - http://www.i3m.fr
                                     S
                  Code APE : 722C ● Siret 410 369 292 00033 ● TVA CE : FR87 410369292 ● SA au capital de 507 490 €

Contenu connexe

Similaire à Airbus - Projet I3M - Référentiel portail Web

Similaire à Airbus - Projet I3M - Référentiel portail Web (20)

Projet Astrium - Satellite
Projet Astrium - SatelliteProjet Astrium - Satellite
Projet Astrium - Satellite
 
Projet EADS Astrium - CD ROM
Projet EADS Astrium - CD ROMProjet EADS Astrium - CD ROM
Projet EADS Astrium - CD ROM
 
Airbus - Projet I3M- Portail Web Employés
Airbus - Projet I3M- Portail Web EmployésAirbus - Projet I3M- Portail Web Employés
Airbus - Projet I3M- Portail Web Employés
 
i3M- La Poste- CDRom Formation 2
i3M- La Poste- CDRom Formation 2i3M- La Poste- CDRom Formation 2
i3M- La Poste- CDRom Formation 2
 
I3M- Airbus- Animated Debriefing
I3M- Airbus- Animated DebriefingI3M- Airbus- Animated Debriefing
I3M- Airbus- Animated Debriefing
 
I3M- Airbus: Migration Cours Design
I3M- Airbus: Migration Cours DesignI3M- Airbus: Migration Cours Design
I3M- Airbus: Migration Cours Design
 
I3M- Projet Création FlySmart Airbus
I3M- Projet Création FlySmart AirbusI3M- Projet Création FlySmart Airbus
I3M- Projet Création FlySmart Airbus
 
Atelier e-stratégies 2012
Atelier e-stratégies 2012Atelier e-stratégies 2012
Atelier e-stratégies 2012
 
Projet Airbus - Refonte Application Ergonomie
Projet Airbus - Refonte Application ErgonomieProjet Airbus - Refonte Application Ergonomie
Projet Airbus - Refonte Application Ergonomie
 
Découvrez comment l’ECM peut concrètement « BOOSTER » votre entreprise à trav...
Découvrez comment l’ECM peut concrètement « BOOSTER » votre entreprise à trav...Découvrez comment l’ECM peut concrètement « BOOSTER » votre entreprise à trav...
Découvrez comment l’ECM peut concrètement « BOOSTER » votre entreprise à trav...
 
Projet Airbus A380 - Création Cours
Projet Airbus A380 - Création CoursProjet Airbus A380 - Création Cours
Projet Airbus A380 - Création Cours
 
Projet Airbus - Conception Cours
Projet Airbus - Conception CoursProjet Airbus - Conception Cours
Projet Airbus - Conception Cours
 
MERAZKA Messaoud
MERAZKA MessaoudMERAZKA Messaoud
MERAZKA Messaoud
 
Seminaire Portail Open Source
Seminaire Portail Open SourceSeminaire Portail Open Source
Seminaire Portail Open Source
 
20090727 Cv Synca7 Eric Viala
20090727 Cv Synca7 Eric Viala20090727 Cv Synca7 Eric Viala
20090727 Cv Synca7 Eric Viala
 
MEGA International: Senior .NET Developer
MEGA International: Senior .NET DeveloperMEGA International: Senior .NET Developer
MEGA International: Senior .NET Developer
 
Catalogue de services CASTELIS
Catalogue de services CASTELISCatalogue de services CASTELIS
Catalogue de services CASTELIS
 
Airbus Training Maintenance
Airbus Training  MaintenanceAirbus Training  Maintenance
Airbus Training Maintenance
 
MEGA International: .NET Architect
MEGA International: .NET Architect MEGA International: .NET Architect
MEGA International: .NET Architect
 
I3M- Airbus A 380- Updating Engines
I3M- Airbus A 380- Updating EnginesI3M- Airbus A 380- Updating Engines
I3M- Airbus A 380- Updating Engines
 

Plus de I3M Aérospace Multimédia

Plus de I3M Aérospace Multimédia (20)

I3M- Sagem Défense Sécurité- Gilet Félin,
I3M- Sagem Défense Sécurité- Gilet Félin, I3M- Sagem Défense Sécurité- Gilet Félin,
I3M- Sagem Défense Sécurité- Gilet Félin,
 
I3M- Sagem Défense Sécurité- Lunettes Tir- SAFRAN
I3M- Sagem Défense Sécurité- Lunettes Tir- SAFRANI3M- Sagem Défense Sécurité- Lunettes Tir- SAFRAN
I3M- Sagem Défense Sécurité- Lunettes Tir- SAFRAN
 
i3M- Airbus : Etraining visites Pré-vol
i3M- Airbus : Etraining visites Pré-voli3M- Airbus : Etraining visites Pré-vol
i3M- Airbus : Etraining visites Pré-vol
 
I3M- Airbus- Etraining Composants Aéronautiques
I3M- Airbus- Etraining Composants AéronautiquesI3M- Airbus- Etraining Composants Aéronautiques
I3M- Airbus- Etraining Composants Aéronautiques
 
I3M- Airbus: Migration Cours Design
I3M- Airbus: Migration Cours DesignI3M- Airbus: Migration Cours Design
I3M- Airbus: Migration Cours Design
 
I3M- Airbus: Refonte de Cours
I3M- Airbus: Refonte de Cours I3M- Airbus: Refonte de Cours
I3M- Airbus: Refonte de Cours
 
I3M- Airbus: Migration Cours CBT/WBT
I3M- Airbus: Migration Cours CBT/WBTI3M- Airbus: Migration Cours CBT/WBT
I3M- Airbus: Migration Cours CBT/WBT
 
i3M- Thales: Création Cours
i3M- Thales: Création Cours i3M- Thales: Création Cours
i3M- Thales: Création Cours
 
I3M- Airbus, Updating Long Range
I3M- Airbus, Updating Long RangeI3M- Airbus, Updating Long Range
I3M- Airbus, Updating Long Range
 
I3M- AIRBUS A380: Cours
I3M- AIRBUS A380: Cours I3M- AIRBUS A380: Cours
I3M- AIRBUS A380: Cours
 
Airbus- Projet Etude des Evolutions Techniques
Airbus- Projet Etude des Evolutions TechniquesAirbus- Projet Etude des Evolutions Techniques
Airbus- Projet Etude des Evolutions Techniques
 
Projet Virtual 4: Répétiteurs Procédures
Projet Virtual 4: Répétiteurs ProcéduresProjet Virtual 4: Répétiteurs Procédures
Projet Virtual 4: Répétiteurs Procédures
 
Thales: Projet Création Cours Elearning
Thales: Projet Création Cours ElearningThales: Projet Création Cours Elearning
Thales: Projet Création Cours Elearning
 
Projet Armée de Terre- Elearning
Projet Armée de Terre- ElearningProjet Armée de Terre- Elearning
Projet Armée de Terre- Elearning
 
Projet Airbus : Visite Virtuelle
Projet Airbus : Visite VirtuelleProjet Airbus : Visite Virtuelle
Projet Airbus : Visite Virtuelle
 
Projet Airbus A380-800: Visite Virtuelle
Projet Airbus A380-800: Visite VirtuelleProjet Airbus A380-800: Visite Virtuelle
Projet Airbus A380-800: Visite Virtuelle
 
Projet AirFrance Industrie - Cours
Projet AirFrance Industrie - CoursProjet AirFrance Industrie - Cours
Projet AirFrance Industrie - Cours
 
Projet Linde Medical - Produit
Projet Linde Medical - ProduitProjet Linde Medical - Produit
Projet Linde Medical - Produit
 
Projet Renault- CDRom Formation
Projet Renault- CDRom FormationProjet Renault- CDRom Formation
Projet Renault- CDRom Formation
 
Cours Physique -Chimie: Conseils
Cours Physique -Chimie: ConseilsCours Physique -Chimie: Conseils
Cours Physique -Chimie: Conseils
 

Dernier

Dernier (6)

Protéger l'intégrité de son environnement numérique
Protéger l'intégrité de son environnement numériqueProtéger l'intégrité de son environnement numérique
Protéger l'intégrité de son environnement numérique
 
Contrôle d’accès et Gestion des identités: Terminologies et Protocoles d’auth...
Contrôle d’accès et Gestion des identités: Terminologies et Protocoles d’auth...Contrôle d’accès et Gestion des identités: Terminologies et Protocoles d’auth...
Contrôle d’accès et Gestion des identités: Terminologies et Protocoles d’auth...
 
cours Systèmes de Gestion des Identités.pdf
cours Systèmes de Gestion des Identités.pdfcours Systèmes de Gestion des Identités.pdf
cours Systèmes de Gestion des Identités.pdf
 
Modèles de contrôle d accès_ RBAC (Role Based Access Control).pdf
Modèles de contrôle d accès_ RBAC (Role Based Access Control).pdfModèles de contrôle d accès_ RBAC (Role Based Access Control).pdf
Modèles de contrôle d accès_ RBAC (Role Based Access Control).pdf
 
Augmentez vos conversions en ligne : les techniques et outils qui marchent vr...
Augmentez vos conversions en ligne : les techniques et outils qui marchent vr...Augmentez vos conversions en ligne : les techniques et outils qui marchent vr...
Augmentez vos conversions en ligne : les techniques et outils qui marchent vr...
 
Slides du webinaire de l'Infopole sur l'IA
Slides du webinaire de l'Infopole sur l'IASlides du webinaire de l'Infopole sur l'IA
Slides du webinaire de l'Infopole sur l'IA
 

Airbus - Projet I3M - Référentiel portail Web

  • 1. Common Look And Feel (CLAF) Référentiel graphique et ergonomique applicable aux portails Airbus et aux sites web Origine du besoin Airbus disposait d’un intranet pour chacune de ses entités (France, Allemagne, Royaume-Uni, Espagne). L’ensemble de ces contenus web étant très hétérogène, il fallait uniformiser avant la migration vers le portail Airbus. Dans ce cadre là, l’équipe en charge des trois portails (employés, clients et fournisseurs) a exprimé les besoins suivants : - homégénéïsation en terme d’affichage de contenu, - mise en place d’une signature visuelle et fonctionnelle véhiculant la personnalité d’Airbus (branding) - instaurer un environnement de travail normalisé, cohérent et permettant à l’utilisateur de se reconnaître aisément - réduction des coûts de création et de maintenance et fédérer les trois portails, - donner un cadre de référence permettant une intégration sur les portails plus aisée. Solution apportée i3M a recueilli les besoins et les problématiques du porteur de projet, et a su fournir une réponse en adéquation avec ceux-ci mais aussi avec ceux des utilisateurs (visiteurs) et des intégrateurs. i3M a donc fait converger par ce guide les besoins de 3 types de personnes aux intérêts bien distincts (financiers et marketing pour le business, ergonomique et attractif pour le visiteur et techniques pour les intégrateurs). La solution proposée s’est également inscrite dans un contexte technique précis (plateformes portails Plumtree) La réponse se décompose en plusieurs livrables : - Guide(s) référentiel(s) reprenant l’ensemble des règles - Composants graphiques (librairies d’images) - Templates destinés à l’intégration - Fichiers permettant le paramétrage graphique et ergonomique complet d’un portail (customisation) Conditions de réalisation Equipe de projet et profils • Chef de projet, ergonome, expert technique, concepteur multimedia, rédacteur Développement • 6 mois en application du processus suivant : Analyse du besoin des utilisateurs Analyse du contexte technique Recherche graphique et ergonomique Validation des maquettes proposées par le client Déclinaison des contenus graphiques / industrialisation Librairies d’images, templates, feuilles de styles, scripts, Package technique « Customisation » avec procédure d’installation Rédaction du référentiel graphique et ergonomique Suite envisagée Le référentiel peut être mis à jour régulièrement en fonction des évolutions techniques (montées en version des plateformes portail), changement de stratégie de la part des porteurs du projet (branding, fonctionnalités, périmètre) évolution des besoins utilisateurs (visiteurs et intégrateurs) 21, rue Jean Monnet - Parc d'Activités Cassé II - 31240 SAINT-JEAN - France T é l : + 3 3 ( 0 ) 5 6 1 3 4 7 0 0 0 - F a x : + 3 3 ( 0 ) 5 6 1 3 4 7 0 0 1 - g i l b e r t . o l l i v i e r @ i 3 m . f r - http://www.i3m.fr S Code APE : 722C ● Siret 410 369 292 00033 ● TVA CE : FR87 410369292 ● SA au capital de 507 490 €