SlideShare une entreprise Scribd logo
1  sur  1
Télécharger pour lire hors ligne
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

En vedette (7)

Informe 974
Informe 974Informe 974
Informe 974
 
اجابة النشاط الثاني
اجابة النشاط الثانياجابة النشاط الثاني
اجابة النشاط الثاني
 
Folder bryo havimech (1)
Folder bryo   havimech (1)Folder bryo   havimech (1)
Folder bryo havimech (1)
 
FRANKFINN DIPLOMA
FRANKFINN DIPLOMAFRANKFINN DIPLOMA
FRANKFINN DIPLOMA
 
Atlas
AtlasAtlas
Atlas
 
Viaggio della Memoria 2012
Viaggio della Memoria 2012Viaggio della Memoria 2012
Viaggio della Memoria 2012
 
Correo 28/06 1
Correo 28/06 1Correo 28/06 1
Correo 28/06 1
 

Similaire à Airbus- Référentiel Graphique web

Atelier e-stratégies 2012
Atelier e-stratégies 2012Atelier e-stratégies 2012
Atelier e-stratégies 2012SID-Networks
 
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...Microsoft Décideurs IT
 
Seminaire Portail Open Source
Seminaire Portail Open SourceSeminaire Portail Open Source
Seminaire Portail Open SourceIppon
 
20090727 Cv Synca7 Eric Viala
20090727 Cv Synca7 Eric Viala20090727 Cv Synca7 Eric Viala
20090727 Cv Synca7 Eric VialaÉric Viala
 
MEGA International: Senior .NET Developer
MEGA International: Senior .NET DeveloperMEGA International: Senior .NET Developer
MEGA International: Senior .NET DeveloperJason De Oliveira
 
MEGA International: .NET Architect
MEGA International: .NET Architect MEGA International: .NET Architect
MEGA International: .NET Architect Jason De Oliveira
 

Similaire à Airbus- Référentiel Graphique web (20)

Projet EADS Astrium - CD ROM
Projet EADS Astrium - CD ROMProjet EADS Astrium - CD ROM
Projet EADS Astrium - CD ROM
 
Projet Astrium - Satellite
Projet Astrium - SatelliteProjet Astrium - Satellite
Projet Astrium - Satellite
 
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
 
I3M- Création Cours Airbus
I3M- Création Cours AirbusI3M- Création Cours Airbus
I3M- Création Cours Airbus
 
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
 

Plus de I3M Aérospace Multimédia

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 Aérospace Multimédia
 
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- SAFRANI3M Aérospace Multimédia
 
I3M- Airbus- Etraining Composants Aéronautiques
I3M- Airbus- Etraining Composants AéronautiquesI3M- Airbus- Etraining Composants Aéronautiques
I3M- Airbus- Etraining Composants AéronautiquesI3M Aérospace Multimédia
 
Airbus- Projet Etude des Evolutions Techniques
Airbus- Projet Etude des Evolutions TechniquesAirbus- Projet Etude des Evolutions Techniques
Airbus- Projet Etude des Evolutions TechniquesI3M Aérospace Multimédia
 
Airbus - Projet I3M - Référentiel portail Web
Airbus - Projet I3M - Référentiel portail WebAirbus - Projet I3M - Référentiel portail Web
Airbus - Projet I3M - Référentiel portail WebI3M 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 A 380- Updating Engines
I3M- Airbus A 380- Updating EnginesI3M- Airbus A 380- Updating Engines
I3M- Airbus A 380- Updating Engines
 
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
 
Airbus - Projet I3M - Référentiel portail Web
Airbus - Projet I3M - Référentiel portail WebAirbus - Projet I3M - Référentiel portail Web
Airbus - Projet I3M - Référentiel portail Web
 
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
 

Airbus- Référentiel Graphique 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 €