Your SlideShare is downloading. ×
Conception site web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Conception site web

788
views

Published on

Dossier de recherche concernant la conception d'un site web datant de 2008 établit dans le cadre de la Licence LMFA Spécialité Communication Interculturelle et Langues du Monde à l'INALCO. Cours ICL …

Dossier de recherche concernant la conception d'un site web datant de 2008 établit dans le cadre de la Licence LMFA Spécialité Communication Interculturelle et Langues du Monde à l'INALCO. Cours ICL 2A02c de Peter Stockinger.
Sujet : Conception du site web de Ximena de Leon Lucero - artiste graveuse sur métal.


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
788
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 1  Licence LMFA  Spécialité “Communication Interculturelle et Langues du Monde” ‐  CILM       Dossier de recherche    « CONCEPTION D’UN SITE WEB D’ARTISTE :  Ximena de León Lucero, graveuse sur métal »      Auteurs :    COUTEILLER Elsa    KELLER Loraine    Cours ICL 2B 02 c  « Introduction aux TIC‐E dans une perspective interculturelle »   Institut National des Langues et Civilisations orientales   Filière Communication et Formation Interculturelles   OIPP 2007 ‐ 2008  
  • 2. 2 SommaireSOMMAIRE 2 1) PRESENTATION GENERALE DU TRAVAIL 3 2) CONTEXTE GENERAL ET OBJECTIFS DE COMMUNICATION 5 3) SYNOPSIS DU SITE WEB 9  3.1/ IDENTIFICATION DU SITE WEB 9  3.2/ SCENARIOS DE PRODUCTION, D’EXPLOITATION ET DE SUIVI 12 4) SPECIFICATION DU SCENARIO DU SITE WEB 14  4.1/ INTRODUCTION 14  4.2/ LES PRINCIPALES UNITES DE CONTENU 14  1/ REPRESENTATION, SOUS FORME D’UN SCHEMA GRAPHIQUE, DES PRINCIPALES UNITES DE CONTENU 15  2/ DESCRIPTION DE CHAQUE UNITE DE CONTENU 16  4.3/ L’ORGANISATION FORMELLE ET PHYSIQUE, LA MAQUETTE DU SITE 18  4.3.1/ Les principales pages du site 18  4.3.2/ Eléments communs au site et dispositif topographique 20  4.3.3/ Le dispositif topographique des pages du site 22  4.4/ LA STRUCTURE NARRATIVE DU SITE 27  4.4.1/ Les différents parcours narratifs sur le site 27  4.5/ LES MEDIAS UTILISES 28  4.5.1/ Les éléments communs au site 33  4.5.2/ Les médias utilisés pour réaliser la page d’accueil 34  4.5.3/ Les médias utilisés pour réaliser le reste du site 34 5) LA REALISATION 35  5.1/ INTRODUCTION 35  5.2/ PROCEDURES DE REALISATION 36  5.3/ PROTOTYPE/MAQUETTE 38  5.4/ TEST ET VALIDATION 38 ANNEXE 39  EXTRAITS DE LA RESSOURCE REALISEE 39 
  • 3. 3  1) Présentation générale du travail  1) Objectifs du projet :   Concevoir  et  réaliser  le  site  Web  d’une  jeune  artiste  Argentine  vivant  à  Paris,  Ximena  de  Léon  Lucero,  graveuse  sur métal  et  illustratrice.  Le  site  aura  un  but  essentiellement  promotionnel,  destiné  aux  différents  publics  susceptibles d’acheter ses œuvres. Mais, il jouera aussi le rôle de carte de visite et vitrine professionnelle, et à ce titre se devra de représenter au mieux l’univers de l’artiste.  2) Contenu :   Plan du projet : La conception se fait tout d’abord en étroite collaboration avec l’artiste qui nous indique ses  désirs, ses propres objectifs et ses attentes. De plus, l’esthétique, l’ambiance étant très importante pour un site  de promotion tel que celui que nous voulons mettre en place, il est primordial de  connaître et de comprendre  l’univers de l’artiste pour donner au site une identité qui lui corresponde au plus près. Ainsi, tout au long de la  conception et de la réalisation du site, un système d’échanges sera mis en place entre tous les participants au  projet.      Participants  au  projet :  Elsa  Couteiller  et  Loraine  Keller,  2ème  année  de  Japonais,  spécialité  « Communication   Interculturelle » à l’INALCO, Paris  Ximena de Léon Lucero, artiste  3) Remarques personnelles  Tout d’abord, ce projet de recherche est une réelle opportunité pour nous de découvrir activement les mécanismes de conception et de réalisation d’un site Web, compétence de plus en plus recherchée et indispensable pour réellement appréhender le monde de la communication moderne dans lequel nous sommes amenées à évoluer.  Ensuite, cela représente pour nous la possibilité de nous investir pour la première fois dans la promotion d’une artiste, tout  en  découvrant  également  son  art  de  façon  privilégiée,  c’est‐à‐dire  l’opportunité  d’accéder  par  une  voie particulièrement intéressante à l’univers artistique, qui n’est pas le nôtre. 
  • 4. 4Enfin,  Ximena  étant  Argentine,  bien  qu’installée  en  France  depuis  des  années,  nos  compétences  acquises  en interculturel  seront  mises  en  application,  de  façon  valorisante  pour  l’image  de  l’artiste.  Nous  comptons  en  effet, notamment dans la rubrique « A propos de l’artiste », mettre en avant l’enrichissement que sa double culture n’a pas manqué  d’apporter  à  son  travail  artistique,  que  ce  soit  par  les  thèmes  évoqués,  les  sentiments  exprimés,  ses références...     
  • 5. 5   2) Contexte général et objectifs de communication   1/ Contexte général  A l’heure où Internet n’est plus seulement un média « en plus » ou « à côté », mais est véritablement devenu l’un des vecteurs  majeurs  de  communication,  et  notamment  dans  le  cadre  de  la  recherche  d’informations,  quel  que  soit  le domaine et aussi bien pour les particuliers que pour les professionnels, la question d’être ou pas sur Internet pour un professionnel ne se pose plus. C’est encore plus vrai lorsqu’il s’agit d’un artiste, dont la visibilité est restreinte et sans cesse confrontée à une concurrence omniprésente, surtout dans le cas d’un jeune artiste qui doit assurer lui‐même sa promotion, faute de moyens et/ou de contacts. Le  site  Web  est  donc  devenu  l’outil  incontournable  de  la  communication  promotionnelle  artistique,  apparaissant comme un signe fort de légitimité sur la scène artistique aux yeux du public. C’est aussi un support indispensable pour se mettre en valeur auprès des professionnels du secteur (galeristes, etc.), jouant en quelque sorte le rôle de « carte de visite » moderne.   2/ Problèmes auxquels le site est censé répondre  Le  site  doit  permettre  essentiellement  de  mettre  en  valeur  la  maîtrise  technique  et  l’univers  de  l’artiste,  afin  de  lui permettre de se démarquer de la « concurrence », pour se faire connaître du milieu (gravure comme illustration), mais aussi en présentant son œuvre au grand public, qui n’est que peu sensibilisé à l’art de la gravure. 3/ La population – cible  Les populations cibles sont multiples :  Les  galeristes :  toujours  en  quête  de  nouveaux  artistes  à  exposer,  ce  site  doit  leur  permettre  de  découvrir  l’univers et le niveau technique de l’artiste, que ce soit par hasard, au gré de leurs recherches sur le Web, ou  suite à une première rencontre. Leur regard est à la fois économique et artistique.  La  clientèle  institutionnelle  (musées)  et  les  collectionneurs :  dans  le  même  esprit,  ce  sont  eux  aussi  des  connaisseurs, mais leur objectif n’est pas lucratif. 
  • 6. 6 Le  grand  public :  ce  sont  des  amateurs,  pour  lesquels  la  technique  de  la  gravure  est  souvent  inconnue  ou  presque. Il faut développer à leur attention un aspect didactique (très restreint cependant), mais c’est surtout  la charte graphique (fonds d’écrans, graphismes, animations…) qui devra mettre en valeur l’univers de l’artiste  pour séduire ces internautes.   Une  rubrique  commerciale,  présentant  les  travaux  sur  mesure  réalisés  par  l’artiste  (faire‐part,  ex‐libris,  etc.)  vise plus particulièrement ce public.  Professions  libérales :  plus  sensibilisés  à  l’art  et  gros  consommateurs,  c’est  un  public  privilégié  à  séduire.  En  quête  d’une  identité  artistique  valorisante  socialement,  c’est  une  clientèle  que  l’univers  très  marqué  de  cet  artiste a toutes les chances de séduire. La part importante que représente le savoir‐faire technique dans cet art  devrait également les charmer, surtout si l’on considère les prix très raisonnables de ce marché très fermé en  comparaison avec ceux pratiqués dans les arts plus traditionnels.   Il s’agit de sensibiliser ces deux publics (de particuliers) à la complexité de cet art, afin de valoriser les œuvres  et l’artiste, tout en le popularisant pour élargir le marché potentiel.  Les  éditeurs  (livres,  presse) :  La  rubrique  « Illustration »  notamment  leur  est  plus  particulièrement  destinée,  pour  des  commandes,  mais  la  gravure  aussi  peut  en  intéresser  certains,  pour  des  éditions  de  luxe  par  exemple…    4/ Type et forme de la campagne de communication  Il  s’agit  d’une  communication  tout  d’abord  promotionnelle:  l’objectif  est  de  faire  connaître  l’art  et  les  œuvres  de l’artiste. Une dimension éducative a également été envisagée, mais dans une moindre mesure, puisque disposant d’un temps  limité,  nous  renverrons  à  un  site  explicatif  dédié  à  l’art  de  l’estampe,  très  complet  et  bien  conçu : www.estampes.ch.  Une  dimension  plus  spécifiquement  commerciale  sera  enfin  développée  dans  une  rubrique proposant des travaux sur commande.   5/ Ressources de communication à mettre en place pendant cette campagne  Différentes ressources de communication seront utilisées pour l’élaboration du site :   
  • 7. 7 - des articles seront rédigés pour les différentes rubriques : la biographie, la formation suivie (CV), les dates des  expositions – passées et à venir, les contacts ;  - les textes seront accompagnés d’éléments visuels : les photographies des œuvres, des illustrations, des fonds  d’écran personnels ;  - utilisation de l’hypertexte : création de liens pour aller vers les différentes rubriques composant le site, renvoi à  des sites complémentaires (didactiques, galeries, artistes amis…) ;  - possibilité d’une mise en avant d’un logo personnel visible sur toutes les pages du site…  6/ Références aux « bonnes pratiques »  Présentation de quelques sites constituant le corpus de notre inspiration, ou auxquels l’artiste nous a renvoyées pour illustrer ce qu’elle souhaite :   - www.collectifnousdeux.com : Le site présente la collaboration entre deux femmes artistes, une plasticienne et  un  écrivain,  ayant  développé  un  univers  très  féminin,  parfois  enfantin.  Ce  site  est  intéressant  au  niveau  des  graphismes et de l’animation. En effet, la page d’accueil est sobre et chic. Il y a vraiment peu de textes, même  quasiment pas. Les couleurs dominantes sont le gris, le rose et le rouge, ce qui donne tout de suite une certaine  identité  au  site :  féminin,  dynamique,  moderne  et  romantique  à  la  fois,  à  l’image  de  leur  collaboration  (personnalisation de vêtements vintage à l’aide de petits messages cachés créant un lien avec l’humeur de celui  qui le porte).    - www.angeletou.com  :  Le  site  est  très  sobre  et  chic.  Il  ouvre  une  perspective  concernant  la  réalisation  des  rubriques Catalogue et Biographie de l’artiste. Les rubriques du site sont présentées à l’horizontal tout en haut,  ce qui laisse un champ large sur le reste de la page pour la publication de photographies et de textes. D’ailleurs,  elles restent toujours disponibles à cet endroit sur toutes les pages du site.  Le  catalogue  est  lui  aussi  très  sobre,  avec  un  côté moderne.  Il  présente  en  deux  catégories  les  œuvres  de  l’artiste à travers des aperçus en miniature : il est possible en un coup d’œil de saisir globalement le style de  l’artiste  et  donner  également  envie  à  l’internaute  de  découvrir  toutes  les  œuvres  en  cliquant  sur  chacune  d’elles pour un agrandissement et des précisions (taille, technique utilisée, date).    - www.megumimets.com : C’est le site d’une artiste japonaise. Nous avons pensé qu’il était bon d’intégrer une  certaine  originalité  dans  le  site  pour  lui  donner  une  identité  qui  colle  au  mieux  à  l’artiste  et  permette  de  la  distinguer  aisément  de  ses  confrères.  En  effet,  Ximena  de  Léon  Lucero  est  une  artiste  dont  l’expérience 
  • 8. 8 multiculturelle nourrit fortement – et nécessairement – l’imaginaire. Sous cet aspect, nous nous inspirerons  du site de cette artiste japonaise qui vit et expose à Paris, et dans des pays francophones. Elle affirme dès la  page  d’accueil  son  caractère  multiculturel  à  travers  un  petit  dessin  et  une  bulle  en  français  ainsi  qu’avec  l’utilisation  du  mot  « Bienvenue »  pour  saluer  l’internaute  de  passage.  Le  reste  du  site  est  en  japonais  principalement ; seule la rubrique « Profile » est disponible en français.  L’ambiance que nous voulons créer est à mi‐chemin entre les deux premiers sites : ni trop « plat », comme le site de Magdalena  Angeletou,  d’une  facture  très  traditionnelle  –  quoique  plus  chic  et  mieux  fini  que  la  moyenne  –  ni  trop envahi par les animations, comme celui du Collectif Nous Deux, dont le côté féminin, voire enfantin, ne conviendrait pas à l’univers de Ximena. Celui de Megumi Terao enfin propose dans ses éléments structurels une identité graphique séduisante  et  bien  dosée,  mais  qui  contraste  trop  avec  des  pages  trop  froides  (surtout  pour  un  visiteur  non japonisant !),  envahies  par  le  texte  dans  une  police  commune.  Il  faut  au  contraire  développer  une  esthétique harmonieuse et omniprésente, qui crée un fil conducteur agréable dans lequel le visiteur puisse se laisser happer pour mieux appréhender l’univers propre à l’artiste et l’amener à se laisser charmer.    7/ Types de suivi et d’évaluation du site  L’évaluation et le suivi du site seront organisés à travers une collaboration étroite entre les trois participants au projet. Ximena de Léon Lucero a bien‐sûr un rôle central dans ce projet, son avis sera ainsi la clé pour une première évaluation du site. Ensuite, nous nous intéresserons à l’évolution du nombre des visites sur ce‐dernier. Le site devra bien sûr être mis à jour selon les nouvelles dates d’évènements tels que les expositions à venir. Afin  de  recueillir  une  évaluation  rigoureuse  et  systématique  du  site  dans  sa  version  à  la  mise  en  ligne,  je  propose d’envoyer à l’ensemble du carnet d’adresse de l’artiste (et peut‐être aux nôtres aussi pour une plus grande diversité) une  sorte  de  « faire‐part  de  naissance  virtuelle »  par  mail,  invitant  à  visiter  le  site,  puis  à  répondre  à  quelques questions permettant de connaître les premières impressions des visiteurs. C’est d’autant plus intéressant, qu’il s’agira pour la plupart d’autres artistes qui auront pu être amenés eux‐mêmes à créer leur propres sites, ou en ont le projet.      
  • 9. 9     3) Synopsis du site web      3.1/ Identification du site web    N°  Intitulé de la  Type de la  Résumé du contenu    ressource  ressource et  contexte de  mobilisation         1) Contenu global    Un site  Il s’agit d’un site de promotion artistique dédié à une artiste spécialisée 1  Site Web de Ximena  essentiellement  en gravure sur métal, présentant ses œuvres, son univers, les services  de Léon Lucero :  promotionnel,  qu’elle propose.  graveuse sur métal et  destiné aux  Il s’adresse à toutes sortes de publics potentiellement intéressés par  illustratrice.   différents publics  l’art, et en particulier la gravure, professionnels comme particuliers,  susceptibles  Français et étrangers (des versions simplifiées en diverses langues seron d’acheter les  mises en place, notamment anglais et espagnol, peut‐être en japonais).  œuvres de    l’artiste ; une sorte  2) Les principales parties de la prestation  de carte de visite  Les rubriques principales sont :  et de vitrine    professionnelle. A  2.0/ La page d’accueil est primordiale, puisqu’elle doit accrocher  ce titre il devra  suffisamment l’œil pour donner envie de se balader sur le site, tout en  représenter au  représentant fidèlement l’univers de l’artiste. Elle devra présenter une  mieux l’univers de  première vue d’ensemble, en utilisant les motifs récurrents utilisés par  l’artiste.  l’artiste. La palette chromatique, en accord avec l’utilisation que fait  l’artiste de la couleur, sera restreinte et soigneusement sélectionnée,  pour rester sobre et élégante.  Un encart pourra être utilisé ponctuellement pour mettre en avant 
  • 10. 10l’actualité de l’artiste, afin d’être vu par le plus grand nombre. 2.1/ Biographie : A partir d’une page schématique commune, accès aux différentes sous‐rubriques :   à propos de l’artiste  formation  expositions passées, collections                                  2.2/ Galerie : présentant les gravures exclusivement, sous forme de vignettes offrant un panorama, pour avoir une vision globale au premiecoup d’œil. On pourra accéder à une version agrandie avec les détails techniques de chaque œuvre en cliquant dessus, qui ne sera pas imprimable. Pour des explications techniques, nous renverrons les internautes intéressés à  la page : www.estampes.ch, particulièrement bien faite et complète.  2.3/ Autres travaux : les travaux proposés sur mesure par l’auteur : fairepart, ex‐libris…, ainsi que ses travaux d’illustrations. Regroupe tout ce qui a une dimension plus commerciale. Demande d’informations et devis personnalisés par e‐mail.  2.4/ Evènements à venir : promotion des expositions et autres évènements, avec les liens vers des sites utiles (galeries, lieu d’expo, etc.)  2.5/ Liens et contact :  autres sites mis en avant par l’artiste (amis, ateliers…)  Mail de l’artiste pour les commentaires, informations, etc.                                     3) Interface  L’identité visuelle sera très sobre, avec des couleurs raffinées : 
  • 11. 11fond blanc cassé/lin, polices bordeaux, vert foncé. Il n’y aura pas d’animations, pour respecter cette volonté de simplicité élégante.   Un logo sera utilisé, accompagnant la signature de l’artiste, présent sur chaque page en haut à gauche. On pourra cliquer sur cet espace pour revenir à la page d’accueil.  En haut de la fenêtre, un bandeau proposera en permanence les différentes rubriques. Un élément fixe viendra aussi rythmer le coin inférieur gauche de chaque page (un arbre).  Sur la droite, un cadre de couleur différente du fond, permettre d’afficher l’actualité de l’artiste dès la page d’accueil. Il servira aussi à afficher éventuellement les sous‐rubriques, lorsqu’il y en aura.  L’artiste souhaite présenter une galerie de photos de ses œuvres en miniatures, sur lesquelles l’internaute puisse cliquer pour obtenir l’agrandissement et les détails.  Possibilité de proposer le site en Anglais (versions bêta), ainsi qu’en Espagnol, pour le public sud‐américain, et en Japonais (amateurs d’estampes).    4) Médias utilisés Photographies des œuvres, sur lesquelles il sera possible de cliquer pouun agrandissement, lequel ne sera pas imprimable. Textes (biographie…) : statiques Calendrier des manifestations, remis à jour régulièrement. Fonds d’écrans : illustrations « vides » Logo accompagnant le nom de l’artiste. L’artiste ne souhaite pas d’animations. Liens vers d’autres sites utiles ou en rapport, actualisés régulièrement.   5) Provenance des ressources d’information utilisées Les photographies des œuvres, prises par l’artiste essentiellement.  Textes rédigés par nous. Logo et illustration utilisés pour la conception de l’interface, réalisés par
  • 12. 12 l’artiste.      3.2/ Scénarios de production, d’exploitation et de suivi      Type de la  Production et diffusion de la  Utilisation, appropriation de la  Suivi de la ressource  ressource  ressource  ressource       Site de l’artiste   1/ Publication/Diffusion :  1/ Population cible :  1/ Suivi critique de la qualité du  graveur      site lui‐même   Ximena de Léon  ‐ Produit : page personnelle pour  1‐ Professionnels du domaine    Lucero  le          Web  artistique : galeristes, agents, clientèle  ‐  Constitution et utilisation d’un  ‐ Taille approximative : environ  institutionnelle, collectionneurs…  corpus de sites de référence =  une douzaine de pages, textes et  2‐ Grand public : quiconque est  « best practices »  photos  intéressé par l’art en général, et la  ‐ Groupe d’artistes et amis chargés  ‐ Lieu de diffusion : Paris  gravure en particulier, mais aussi pour  d’évaluer le site  ‐ Début de la diffusion : mai 2008   des commandes spécifiques (faire‐   ‐ Durée de la diffusion : non  part, etc.)  2/ Suivi critique de la qualité du  déterminée  3‐ Professions libérales : clientèle  site pendant la phase de  ‐ Langue(s) de diffusion : français,  privilégiée des artistes, car très friands  réalisation  puis anglais, espagnol, peut‐être  d’œuvres d’art    japonais  4‐ Professionnels de l’édition et de la  ‐ Prise d’avis constante auprès de  ‐ Portée de la diffusion : tout  presse : commandes d’illustrations  la propriétaire du site, dont il sera  Internet    le représentant  ‐ Restriction : site public  2/ Principaux contextes d’utilisation  ‐ Présentation de la maquette à      nos familles et amis pour recueillir  2/ Auteurs du produit :  ‐ Pour les professionnels du secteur au  leurs avis et critiques sur la forme,    sens large : dans le cadre de la  le fond, l’interactivité…  ‐ Coauteurs : Loraine Keller  prospection libre pour trouver de                         Elsa Couteiller  nouveaux artistes à exposer et  3/ Suivi critique de la qualité du  Etudiante en 2ème année de CILM  promouvoir  site pendant toute sa « vie »  à l’INALCO, Paris  Comme outil pour découvrir le travail   
  • 13. 13  de l’artiste, lorsqu’ils l’ont rencontré  ‐  Lors de la mise en ligne, envoi 3/ Droits, Copyright :  préalablement.  d’un « faire‐part de naissance » du     site à l’ensemble de nos carnets ‐ Propriétaire du site : Ximena de  ‐ Pour la clientèle privée : Dans le  d’adresse, invitant à visiter le site León Lucero  cadre de recherches plus ou moins  et répondre à quelques questions ‐ Droits d’auteurs :  fortuites sur Internet (moteurs de  pour connaître l’avis d’un certain ‐ Droits de traduction :  recherche) ;  nombre d’utilisateurs, et    Pour poursuivre dans la connaissance  notamment les artistes amis de  de l’artiste après avoir assisté à une de  Ximena, susceptibles d’avoir un œil  ses expositions…  plus professionnel.    ‐ Dans la rubrique « Contacts »,  3/ Moments et formes d’utilisation et  invitation de l’utilisateur à donner  d’appropriation  son avis sur le site et ses    suggestions.  ‐ Découverte libre des œuvres  présentées au sein de la « galerie »,  sur lesquelles l’internaute peut cliquer  selon ses goûts, plus ou moins  largement suivant son intérêt  ‐ Découverte des travaux proposés sur  commande par l’artiste, et possibilité  de demande d’informations  complémentaires, tarifs, devis par mail   4/ Difficultés, obstacles possibles    ‐ Difficultés techniques : affichage et  agrandissement des photos   
  • 14. 14 4) Spécification du scénario du site web    4.1/ Introduction  Nous  allons  maintenant  nous  pencher  de  façon  plus  détaillée  sur  la  composition  et  le  contenu  du  site  que  nous imaginons. Nous présenterons d’abord les principales unités de contenu et leur organisation interne (sous‐rubriques, organigramme  et  description).  Puis  nous  détaillerons  l’organisation  la  maquette  du  site,  à  travers  l’interface  prévue pour relier les différentes unités de contenu, ainsi que leur disposition topographique, avant de justifier la structure narrative du site. Enfin, nous décrirons les médias qui seront utilisés lors de la mise en œuvre du site. Cette partie nous permettra, outre de poser les bases de la future réalisation, de justifier les choix qui sont les nôtres à propos de la conception du site, dans l’optique de réaliser le plus efficacement possible, dans la limite de nos moyens, les objectifs que nous nous sommes fixés dans la première partie.    4.2/ Les principales unités de contenu    A partir de la page d’accueil, l’internaute se verra proposer l’accès à 5 rubriques principales, permettant d’avoir un aperçu suffisamment complet de la personnalité et du travail de l’artiste, ainsi que toutes les informations pratiques pour mieux découvrir son travail et la contacter :   A propos de l’artiste  Galerie des œuvres   Autres travaux  Evènements à venir  Liens et contacts 
  • 15. 15 1/ Représentation, sous forme d’un schéma graphique, des  principales unités de contenu        Site de Ximena de Léon Lucero        « Rubriques »  Autres composants des      « pages »  Accueil      Elément visuel :    A propos de  Illustration en bas à    L’artiste  Bandeau portail  gauche (arbre) ;   « supérieur »  Logo et nom de   Galerie  l’artiste.     Autres travaux  Cadre sur la droite :    Actualités   Sous‐rubriques   Evènements à venir  Liens et contacts     
  • 16. 16 2/ Description de chaque unité de contenu     Accueil : C’est un lien‐rubrique qui permettra à l’internaute tout au long de sa visite de revenir sur la page d’accueil du site s’il le désire. On peut imaginer que la rubrique ne sera pas telle quelle (« Accueil »), mais le lien sera plutôt intégré grâce au logo de la « plume » de Ximena. Ainsi, l’internaute pourra au fur et à mesure intégrer ce logo et l’identifier plus tard, s’il le revoit un jour.     Biographie : A partir d’une page schématique commune, l’internaute aura accès aux différentes sous‐rubriques :                                             .   Rubrique : « A propos de l’artiste »    « Sous‐rubriques »       Biographie    Formation    Expositions et   Collections    Galerie : Présentation des gravures exclusivement, sous forme de petites vignettes offrant un panorama sur fond blanc cassé/lin, comme dans tout le site. Cela permettra d’avoir une vision globale de toutes les oeuvres au premier coup d’œil. On pourra accéder à une version agrandie de chaque œuvre avec les détails techniques en cliquant dessus. Il faut noter que cette fenêtre agrandie ne sera pas imprimable, pour préserver le copyright.  
  • 17. 17Autres  travaux :  Une  rubrique  présentant  également  dans  un  panorama  les  travaux  proposés  sur  mesure  par l’auteur, à travers trois rubriques : illustrations, faire‐part et ex‐libris. Elle regroupe tout ce qui a une dimension plus commerciale. Il sera possible de faire une demande d’informations supplémentaires et devis personnalisés par e‐mail.  Evènements à venir : Cette rubrique sera consacrée à la promotion des expositions et autres évènements prévus par l’artiste  pour  présenter  son  travail.  Des  éléments  d’informations  seront  également  proposés,  avec  des  liens  vers  les sites utiles (galeries, lieux d’exposition, etc.)  Liens et contacts : Mise en place de liens vers d’autres sites choisis par l’artiste (amis, ateliers…).                               Le  mail  de  l’artiste  sera  également  accessible  dans  cette  rubrique  pour  les  commentaires,  les    demandes d’informations, les commandes…     3/ Argumentation, justification de la sélection de chaque unité dans le scénario   Ces six rubriques représentent un choix visant essentiellement la sobriété et l’efficacité. En effet, suite à plusieurs discussions avec Ximena, nous en sommes arrivés à la conclusion, qu’il serait mieux pour le site et pour les internautes de ne pas être noyés par un nombre  important  de  rubriques.  Ensuite,  il  est  vrai  que  nous  ne  disposons  pas  d’un  temps  assez  long  pour  nous  permettre  de multiplier les rubriques et développer suffisamment leurs contenus. Ainsi, chacune d’entre elles reflète un aspect important et indispensable pour parvenir à notre but fixé : promouvoir l’artiste, son univers et son art.              
  • 18. 18 4.3/ L’organisation formelle et physique, la maquette du site   4.3.1/ Les principales pages du site   N°  Type de « page »  Contenu de la page  Composants principaux   1  En  haut  à  gauche  apparaît  la  signature  de  1/ Composants communs à  l’artiste  accompagnée  d’un  logo,  qui  sont  l’ensemble du site : bandeau  communs à toutes les pages du site.  supérieur avec logo et nom à  A  côté,  un  bandeau  supérieur  propose  les  gauche, l’arbre en bas à gauche,  rubriques principales du site.   cadre informatif à droite.  Elle  contient  un  encadré,  qui  informe  sur  2/ Photo d’une gravure au centre  Page d’accueil du site  l’actualité  la  plus  récente  de  l’artiste,  situé  (qui pourra être changée    sur la droite de la page.   régulièrement, au gré des humeurs  Les  illustrations,  photos  qui  l’animent  de l’artiste, son actualité, etc.)  permettent  de  donner  un  aperçu  Idéalement, on choisira plusieurs  suffisamment  varié  de  l’univers  et  des  œuvres, qui apparaîtront de façon  œuvres de l’artiste.  aléatoire à chaque ouverture de la  page, afin d’offrir au visiteur un  accueil varié et plus « personnel ». 2  Page sur laquelle l’internaute peut avoir accès  1/ Bandeau supérieur + arbre   trois sous‐rubriques : « A propos de l’artiste »,  2/ Cadre informatif, ou pourront  Page principale de la rubrique  « Formation », « Expositions et collections ».  être affichées les liens vers les   « A propos de l’artiste »  Cette page doit en outre fournir un aperçu de  sous‐rubriques.    personnalité de l’artiste, en résumant les  différentes sous‐rubriques.  
  • 19. 193  Panorama  sur  fond  blanc  cassé/lin  des  1/  Bandeau  supérieur  +  arbre  +  cadre  œuvres de l’artiste, sous forme de vignettes  informatif  qui  peuvent  être  agrandies  en  cliquant  2/ Nombreuses photographies   Page de la   dessus, dans une nouvelle fenêtre, avec les  des oeuvres.  « Galerie »  détails techniques (technique utilisée, taille,  3/  Lorsque  la  fenêtre  est  agrandie,  focus  (concerne les gravures  matériau).    sur l’œuvre et description technique de la  exclusivement)  Le nombre des images par page sera limité,  gravure.    afin  de  conserver  une  mise  en  page  aérée.    En  tout,  une  trentaine  de  vignettes  maximum.  En bas de page : renvoi au site estampes.ch  pour découvrir les techniques de la gravure. 4  3 sous rubriques :  1/  Bandeau  supérieur  +  arbre  +  cadre  Page de la rubrique   Illustrations  informatif  « Autres travaux »  Faires‐parts   2/ Nombreuses photographies     Ex‐libris  des œuvres.    Lien  vers  le  mail  de  l’artiste  pour  demande  3/  Lorsque  la  fenêtre  est  agrandie,  focus  de devis et information.  sur l’œuvre et description technique. 5  Promotion des expositions et autres  1/ Bandeau supérieur + arbre + cadre  évènements prévus par l’artiste pour présent informatif  Page de la rubrique  son travail. Des éléments d’informations  2/ Liste chronologique présentant les  « Evènements à  venir »  seront également proposés, avec des liens ve différents évènements prévus par l’artiste.    les sites utiles (galeries, lieux d’exposition, etc 3/ L’affichage des cartons d’invitation ‐    promotion présentant des dates spécifiques est possible pour illustrer l’événement.   6  Liste de liens vers d’autres sites choisis par  1/  Bandeau  supérieur  +  arbre  +  cadre  l’artiste (amis, ateliers…)   informatif  Le mail de l’artiste sera également accessible  2/ Liste des liens des autres sites  Page de la rubrique   dans cette rubrique pour les commentaires, le3/ Mail de l’artiste  « Liens et contacts »  demandes  d’informations, les commandes…      
  • 20. 20 4.3.2/ Eléments communs au site et dispositif topographique   N°  Type de « page »  Eléments communs à l’ensemble du site    1  Page d’accueil    Un fond de couleur blanc‐crème / lin (plus reposant pour les yeux que  le blanc, permettant de mieux apprécier les œuvres)  Page principale et sous‐   2  rubriques de la  Utilisation  des  couleurs  bordeaux,  vert  foncé  et  gris  pour  les  polices,  « Biographie »  plus originales et raffinées que le noir.    Pages de la    Logo rond représentant une plume en haut à gauche, permettant en  3  « Galerie »  un clic de revenir sur la page d’accueil à tout moment.    Pages de la rubrique  4      La  signature  de  l’artiste  «  Ximena »  suivie  de  son  nom  à  droite  du  « Autres travaux »  logo.    Page de la rubrique      En  bas  à  gauche,  un  arbre  dessiné  par  l’artiste  représentant  sur  5  « Evènements à  venir »  toutes les pages son univers d’illustratrice.      Un  cadre  informatif  à  droite,  permettant  de  mettre  en  avant  l’actualité de l’artiste, afin qu’aucun visiteur ne puisse passer à côté de  Page de la rubrique   l’information (sauf dans la rubriques « Evènements », où il est inutile).  6    « Liens et contacts »    Un  bandeau  supérieur  présentant  les  cinq  rubriques,  souligné  d’un  trait bordeaux, de la même couleur que la police : « Didot ».      
  • 21. 21    Logo  Ximena    Biographie       Galerie        Autres         Evènements           Liens & Contacts               De Léon Lucero travaux          à venir                  Cadre  Gravure  Informatif        Arbre              Représentation en 2D : schéma explicitant la distribution topographique des différents éléments composant   la page d’accueil du site de Ximena de Léon Lucero.   
  • 22. 22 4.3.3/ Le dispositif topographique des pages du site    Logo   Ximena     Biographie      Galerie        Autres       Evènements       Liens & Contacts             de León Lucero                                    Travaux         à venir     Photo    de  A propos de l’artiste     l’artiste       Cadre     Photo  Formation  Informatif        Arbre     Photo  Expositions et collections      Schéma explicitant la distribution topographique des différents éléments composant   la page principale de la rubrique « Biographie ».  Note : Pour chacune de ces sous‐rubriques, un petit texte de 2/3 lignes résumera leur contenu, dans le but de donner un premier aperçu de l’ensemble du contenu de la rubrique, suffisant pour une visite rapide. Si l’internaute a envie d’en savoir plus, il lui suffit de cliquer sur la sous‐rubrique qui l’intéresse, mais les informations principales sont visibles dès cette page, tel une sorte de résumé. Par exemple, pour « Expositions », il nous suffira de dire que l’artiste a déjà exposé dans de nombreux pays, et d’en citer une partie.   
  • 23. 23    Logo  Ximena      Biographie        Galerie        Autres        Evènements       Liens & Contacts              de León Lucero                                     Travaux          à venir        Cadre  Informatif      Arbre      Page 1/2  Lien vers le site www.estampe.ch     Schéma explicitant la distribution topographique des différents éléments composant   la page principale de la rubrique « Galerie ».  Note :  Les  petits  cadres  représentent  les  photographies  des  œuvres  en  miniatures.  Il  faut  préciser  que  l’on  pourra cliquer sur chacune d’entres‐elles, afin d’obtenir un agrandissement, accompagné d’informations techniques (nom de l’œuvre, date, techniques utilisées, matériau…), version qui ne sera pas imprimable, protégeant ainsi le copyright.      
  • 24. 24    Logo Ximena     Biographie       Galerie        Autres        Evènements      Liens & Contacts          de León Lucero                                    Travaux           à venir       Illustrations  Photo       Cadre   Informatif  Photo Faire‐part        Arbre   Ex‐libris   Photo   Mail de l’artiste       S  Schéma explicitant la distribution topographique des différents éléments composant   la page principale de la rubrique « Commandes ».  Note : Le lien vers le mail de l’artiste est présent en bas de la page pour toutes demandes de devis et d’informations, et ce sur toutes les pages de cette rubrique.     
  • 25. 25   Ximena     Biographie       Galerie        Autres       Evènements       Liens & Contacts  Logo          de León Lucero                                     Travaux           à venir             Liste chronologique       Présentation   Des évènements  du carton     d’invitation   A venir  s’il est     disponible  Accompagnées de liens vers   Arbre  Des sites utiles (infos…)               Schéma explicitant la distribution topographique des différents éléments composant   la page principale de la rubrique « Evènements à venir ».  Note : Le cadre informatif est ici inutile. Il est remplacé par une reproduction du carton de l’invitation (ou de l’affiche, notamment  pour  les  expositions  collectives),  si  disponible.  Les  évènements  en  cours  seront  mis  en  avant  par  la typographie essentiellement.    
  • 26. 26    Logo  Ximena       Biographie          Galerie           Autres          Evènements          Liens & Contacts          De León Lucero  Travaux             à venir       Mail de l’artiste     Lieux où on peut la rencontrer (ateliers,     lieux d’expositions en cours…)    Cadre   Informatif    Liste de liens vers d’autres sites choisis par  l’artiste (autres artistes, ateliers, musées,   Arbre  galeries, sites intéressants en rapport avec   l’artiste ou sa technique, etc.)         Schéma explicitant la distribution topographique des différents éléments composant   la page principale de la rubrique « Liens & Contacts».     
  • 27. 27 4.4/ La structure narrative du site   4.4.1/ Les différents parcours narratifs sur le site  Les parcours narratifs dépendent essentiellement :    Du type d’internaute : professionnel ou particulier    Du but de sa visite : recherche spécifique (collectionneur d’art, commande de travaux, infirmation sur l’artiste  après l’avoir rencontrée…) ou par le hasard de la navigation sur le Web    De  son  intérêt  pour  l’art  en  général,  pour  l’estampe  (préexistant  ou  éveillé  par  le  site),  et  pour  l’univers  de  l’artiste en particulier. En effet, la page d’accueil doit en donner un aperçu suffisant pour inciter à continuer la  visiter, mais aussi, a contrario, pour savoir si ce n’est pas le style que recherche le visiteur…    Ainsi, selon ces données, il aura la possibilité de suivre différents parcours narratifs :  On peut supposer, par exemple, qu’un visiteur arrivé sur le site par hasard, ira d’abord visiter la galerie, afin de  se  faire  une  idée  sur  les  œuvres  de  l’artiste.  Puis,  suivant  son  intérêt,  aura  envie  de  découvrir  plus  avant  l’artiste, en naviguant dans les autres rubriques, probablement la « Biographie » et les « Autres travaux » (ou  vice versa) d’abord, puis les « Evènement », pour éventuellement aller voir les œuvres de ses propres yeux.     Une  personne  connaissant  déjà  l’artiste,  notamment  après  avoir  vu  une  de  ses  expositions,  sera  peut‐être  portée davantage à en savoir plus sur elle, en se rendant d’abord dans la rubrique « Biographie ». Puis il visitera  la « Galerie » et « Autres travaux », puis le reste du site.     Enfin, quelqu’un la connaissant très bien et la suivant déjà, pourra n’utiliser le site que pour se tenir au courant  des  évènements  prévus,  d’où  l’intérêt  aussi  de  faire  apparaître  l’ « Actualité »  dès  la  page  d’accueil,  dans  un  encadré qui attire l’œil par sa couleur. Il pourra éventuellement de temps en temps revisiter la « Galerie », pour  découvrir de nouvelles œuvres. (Peut‐être serait‐il dans ce cas judicieux d’annoncer les nouveautés sur le site  dans ce même encadré ?) Nous avons voulu un site très simple et classique, organisé autour de seulement cinq rubriques « traditionnelles » pour  ce  genre  de  site.  Ainsi,  d’une  part,  les  internautes  habitués  à  visiter  ces  sites  personnels  d’artistes  sauront 
  • 28. 28instinctivement  y  trouver  ce  qu’ils  recherchent,  sans  perdre  de  temps,  d’autre  part,  pour  les  autres,  la compréhension  en  est  très  claire,  et  la  navigation  rendue  la  plus  fluide  possible,  grâce  au  bandeau  de  rubriques présent en permanence en haut de page, ainsi qu’au logo, qui permet à tout moment de revenir à la page d’accueil d’un simple clic.                    4.5/ Les médias utilisés   Les  œuvres  présentées  ont  toutes  été  réalisées  et  photographiées,  ou  scannées,  par  l’artiste,  puis  traitées  par  nous sous le logiciel Fireworks, avant d’être intégrées au site. Les textes sont rédigés par Loraine Keller, à partir des informations communiquées par l’artiste. 
  • 29. 29 Intitulé de  Type de médias  Aspects, propriétés  Contenu réalisé (texte,  Procédures  l’unité de  image, …)  contenu 1/  Page d’accueil   ‐ un logo    Le logo représente une plume sur fond  L’ensemble a été assemblé  Le logo a été découpé à partir de la   ‐ la signature de l’artiste    violet dans un cercle. Il accompagne la  par nous à partir de matériel  photo du faire‐part de mariage de    signature de l’artiste, dans le coin  fourni par l’artiste.  l’artiste, et retravaillé sous    supérieur gauche. On pourra cliquer    Fireworks. La signature a été    sur cet espace pour revenir à la     scannée, puis nous l’avons insérée    page d’accueil.    à côté du logo.            C’est un dessin sobre qui habille le bas  Il a lui aussi été réalisé par  Il a été scanné, puis modifié avec le  ‐ un dessin sera utilisé  de la page et qui adoucit l’ambiance du  l’artiste.  logiciel Fireworks pour essayer au  comme fond d’écran partiel  site.     mieux de l’introduire dans la page.   (en bas à gauche)              Le cadre est créé lors de la mise en  ‐ un cadre informatif   Il a pour objectif de mettre en relief  Une simple phrase  place du site. Le texte informatif    l’actualité de l’artiste. Il sera simple et  informative concernant une  devra être     dans une couleur plus foncée par  exposition en cours ou à  mis à jour par l’artiste.    rapport au fond d’écran, afin d’attirer  venir et les infos principales      le regard.  (dates…)           Nous ne souhaitons pas utiliser de  ‐ le bandeau supérieur des  On a choisi pour le moment d’utiliser la  Les rubriques : à propos de  menus contextuels. Lorsqu’il y a  rubriques   police Centaur. couleur bordeaux  l’artiste, galerie, autres  des sous‐rubriques, il y aura une    foncé.  travaux, évènements à  page d’accueil de rubrique.    Présentation très simple, souligné  venir, contacts       d’une ligne de même couleur.    Cette photographie pourra être      Photographie d’une œuvre  changée au fil du temps selon  ‐ photographie au centre  La photographie est celle d’une  réalisée par l’artiste.  l’envie de l’artiste. Possibilité que  gravure qui représente le style et    l’image varie à chaque visite.  l’univers de  l’artiste.      
  • 30. 302/ Page principale  ‐ 3 photographies  La première photographie est celle de  Les photographies ont été  Mise en place de tous les éléments et sous‐rubriques    l’artiste.  choisies par l’artiste.  lors de la réalisation du site.  de « A propos de    Les deux autres illustrent les sous‐    l’artiste »    rubriques « Formation » et         « Expositions etCollections »           Les textes sont rédigés par  On pourra cliquer sur les photos ou   ‐ Plusieurs textes courts  Pour chacune de ces sous‐rubriques,  nous.   le nom de la sous rubrique pour y    de présentation des sous  un petit texte de 2/3 lignes résumera    accéder.   rubriques :  leur contenu,        1) Biographie  dans le but de donner un premier       2) Formation  aperçu de l’ensemble du contenu  de       3) Expositions et  la rubrique, suffisant pour une visite       Collections  rapide.          Par exemple, pour « Expositions », il         nous suffira de dire que l’artiste a déjà         exposé dans de ombreux         pays, et d’en citer une partie.              3/ Pages de la       Le visiteur pourra cliquer  Les photographies ont été prises « Galerie »  ‐ photographies   Cette rubrique présente les  sur chaque vignette, afin  essentiellement par l’artiste. Elles   oeuvres de l’artiste, sous la forme  d’en obtenir un  ont ensuite été traitées avec le  d’une collection de vignette  agrandissement,  logiciel Fireworks et insérées sur la  harmonieusement disposées. Deux  accompagné  page.   lignes de cinq vignettes seulement,  d’informations techniques  La version agrandie ne pourra être  pour ne pas surcharger le regard.  (titre, techniques utilisées,  imprimée, afin de protéger le  taille, support, date)  copyright. 
  • 31. 31    ‐ un lien vers les autres pages Ce lien sera inséré en bas de la page à    La galerie est composée pour l’instant   de la galerie (page 1 / x ou  droite.     de 2 pages, mais pourra être étoffée par   suite)       la suite, par l’artiste.             ‐ un lien hypertexte  ‐ un lien accompagné d’une phrase, du    Tous les éléments sont mis en place lors     type : « Si vous souhaitez découvrir    de la réalisation du site.      l’histoire et les techniques de la         gravure, nous vous conseillons de         visiter ce site : www.estampe.ch )                 Cette rubrique se calque sur le modèle    On pourra cliquer sur les photos ou le 3/ Page de la rubrique  ‐ 3 photographies :  de la rubrique « A propos…» : des  Photographies prises par  titre de la sous rubrique pour y accéder. « Commandes » et de  1) Illustrations  photographies et un court texte  l’artiste d’œuvres   ses sous rubriques.  2) Faire‐part et cartes  illustrent sa page d’accueil pour  représentatives de     de voeux  résumer son contenu.  chaque types de travaux.     3) Ex‐libris           Le lien vers le mail de l’artiste est     Un formulaire sera éventuellement mis     présent en bas de chaque page pour    en place pour permettre de cerner la   ‐ Lien vers le mail de l’artiste  toutes demandes de devis et    demande des personnes intéressées.     d’informations.             Cette liste sera bien sûr modifiable au vu 4/ Page principale de la   Liste chronologique des   des nouveaux évènements.  rubrique « Evènements ‐ texte  évènements à venir, La liste sera réalisée par  Ces éléments sont mis en place lors de venir ».    accompagnés de liens vers des  l’artiste et les liens choisis  la réalisation du site. La liste des liens et   ‐ liens  sites utiles (galeries, lieux d’expo…)  par elle.   des lieux seront mis à jour par l’artiste.      Le cadre informatif est ici inutile. Il est    remplacé par une photo du carton   ‐ image illustrant un    d’invitation (ou de l’affiche, notamment   évènement    pour les expositions collectives), s’il est     disponible.        Les évènements en cours seront mis en       avant par la typographie   
  • 32. 32    essentiellement.  Liste choisie et actualisée par l’artiste. 5/ Page de la rubrique     « Liens & Contacts ».    Le mail de l’artiste est l’élément le plus   ‐ mail  important de cette page.     Y seront également proposés par   ‐ liens   l’artiste des liens vers des sites   importants pour elle :   Sites d’artistes amis ou admirés,   ateliers fréquentés et où pratiquer la   gravure, galeries, lieux où elle a exposé,   musées, sites intéressants , etc.           
  • 33. 33 4.5.1/ Les éléments communs au site   N°  Type de « page »  Eléments communs à l’ensemble du site    1  Page d’accueil    Un fond de couleur vert très pâle (plus reposant pour les yeux que le  blanc, permettant de mieux apprécier les œuvres)  Page principale et sous‐   2  rubriques de la  Utilisation  des  couleurs  bordeaux,  vert  foncé  et  gris  pour  les  polices,  « Biographie »  plus originales et raffinées que le noir.    Pages de la    Logo rond représentant une plume en haut à gauche, permettant en  3  « Galerie »  un clic de revenir sur la page d’accueil à tout moment.    Pages de la rubrique  4      La  signature  de  l’artiste  «  Ximena  de  Leon  Lucero »  suivie  de  son  « Autres travaux »  nom à droite du logo.    Page de la rubrique      En  bas  à  gauche,  un  arbre  dessiné  par  l’artiste  représentant  sur  5  « Evènements à  venir »  toutes les pages son univers d’illustratrice.      Un  cadre  informatif  à  droite,  permettant  de  mettre  en  avant  l’actualité de l’artiste, afin qu’aucun visiteur ne puisse passer à côté de  l’information (sauf dans la rubriques « Evènements », où il est inutile).  Page de la rubrique     6  « Liens et contacts »    Un  bandeau  supérieur  présentant  les  cinq  rubriques,  souligné  d’un  trait  bordeaux,  de  la  même  couleur  que  la  police :    « Centaur »  (susceptible de changer).   
  • 34. 34 4.5.2/ Les médias utilisés pour réaliser la page d’accueil  Notre objectif principal lors de la conception de ce site, outre le respect de l’identité et de l’univers de l’artiste, a été de mettre en avant sa double étiquette de graveur et d’illustratrice. Pour cela, sur  la base d’une page sobre afin de mettre en valeur les œuvres, nous avons intégré deux éléments représentatifs pour être visibles d’emblée.  La  gravure  au  centre  permet  au  premier  coup  d’œil  de  saisir  l’univers  de  l’artiste,  tout  en  restant  de  taille  moyenne pour ne pas monopoliser l’espace.   D’autre part, nous avons également travaillé sur un dessin d’arbre, dont le style presque naïf vient adoucir la  première, et rendre compte de la variété de son œuvre. Pour l’intégrer au mieux à l’identité graphique du site,  le logiciel Fireworks a été d’une grande utilité.  Le logo et la signature ont également été retravaillés et associés grâce à Fireworks pour signer de façon élégante et marquante le site. D’autre part, ils serviront de lien pour revenir à la page d’accueil lors de la navigation.   4.5.3/ Les médias utilisés pour réaliser le reste du site Toutes  les  photographies  qui  se  trouvent  sur  le  site,  fournies  par  l’artiste,  ont  été  travaillées  sous  le  logiciel Fireworks avant d’être intégrées au site. Pour les rubriques « Galerie » et « Autres travaux », un travail sur la fenêtre d’agrandissement a été nécessaire, puisque la navigation sur cette page se compose de deux parties :        ‐ un premier visuel de l’ensemble des œuvres sous forme de vignettes ;  ‐ dans un second temps, l’internaute peut obtenir un visuel agrandi, accompagné de détails techniques, grâce à  un clic sur chaque vignette.   Le cadre informatif présent sur toutes les pages (sauf la rubrique « Evénements » ) est un élément primordial par rapport à la raison d’être du site, car il a pour but de permettre à l’internaute de découvrir l’artiste au‐delà de cette première approche et physiquement, en l’informant sur une exposition en cours ou  un événement spécial, notamment sur Paris.  Des photos de l’artiste viennent illustrer les rubriques qui lui sont personnellement consacrées.  
  • 35. 35   5) La réalisation    5.1/ Introduction Ce  site  a  été  réalisé  dans  le  cadre  de  la  2ème  année  de  licence  LMFA  « Communication  interculturelle »  à  l’INALCO, grâce  à  une  formation  de  trois  demi‐journées  dispensée  à  la  FMSH,  à  Paris,  par  Mme  Elisabeth  de  Pablo,  sur  les logiciels Adobe Dreamweaver et Fireworks. Cette formation restant assez courte, bien que nous ayant permis un survol relativement complet des fonctionnalités de ces deux programmes, nous n’avons pu en acquérir pour l’instant qu’une maîtrisé partielle. C’est pourquoi le site nous avons voulu réaliser un site simple, dans son interface notamment, pour ne pas nous égarer avec des détails trop compliqués  pour  nous.  Nous  avons  considérer  par  ailleurs  que  l’usage  d’un  site  d’artiste  tel  que  nous  le  concevons, c’est‐à‐dire  comme  une  « carte  de  visite  virtuelle »  élargie,  impliquait  que  nous  nous  concentrions  plutôt  sur l’esthétique  et  une  navigation  agréable,  que  de  se  focaliser  sur  des  gadgets  inutiles  qui  en  brouilleraient  la compréhension en détournant l’attention de l’œuvre. Dans cette optique, l’étape principale de la réalisation a consisté dans la conception de la page d’accueil du site. Celle‐ci a ensuite servi, sous forme de « page modèle », à élaborer l’ensemble des pages du site, en ajoutant les éléments constitutifs de chacune, toujours en nombre limité afin de conserver un espace aéré, voire dépouillé.       
  • 36. 36   5.2/ Procédures de réalisation      Unité à  Médias  Réalisateur  Procédures  Période/  Résultat  réaliser  Durée Page d’accueil  ‐ Scans de la signature  Artiste   ‐ Retouche des différents  Avril / mai  Page d’accueil    de l’artiste associée à un  Pour la création  supports sous Fireworks ;  2008      logo circulaire, et d’un  des visuels  ‐ Insertion de l’arbre en  Utilisée comme    dessin d’arbre ;  +  transparence comme fond  modèle du site    ‐ Photo d’un œuvre   Loraine Keller         d’écran ;    ‐ Bandeau supérieur  assistée  ‐  Création du bandeau    pour les rubriques ;  d’Elsa Couteiller  supérieur, avec le logo    ‐ Texte encadré  pour la conception  /signature à gauche ;    et la création   ‐ Création de l’encadré    +  informatif à droite de la page,    Textes de   dont le contenu est une zone    Loraine Keller  modifiable ;      ‐ Insertion de la photo au    centre, en petit format. Seul    élément propre à cette page,    modifiable ;    ‐ En bas, inscription discrète    « Crédits », ouvrant une petite    page ;    ‐ (par la suite) Création des liens    vers les différentes rubriques à    partir du bandeau.   
  • 37. 37Page d’accueil  Création à partir de la  Idem  ‐ Dans la partie centrale de la  Mai 2008  Modèle d’accueil  et sous  page modèle d’un  page (modifiable), insertion de  des sous  rubriques de   modèle « accueil  trois cadres destinés aux photos  rubriques « A propos de  rubrique ».  d’illustration, à cotés desquelles  Pages d’accueil  l’artiste »   Autres pages à partir du  seront insérés les testes ;  et sous    modèle, insertion d’une  ‐ Création des liens menant aux  rubriques de « A    photo et de texte  pages de la sous rubrique à  propos de  partir des photos et des titres.  l’artiste »    Pages de la  Création d’un modèle  Idem  Insertion d’un tableau  Début Juin  Pages de la  rubrique  spécifique incluant un  accueillant les vignettes  2008  Galerie  « Galerie »  tableau.  représentant les œuvres.     Photo des œuvres  Restent à créer les petites pages    miniaturisées sous  offrant un zoom et des    Fireworks.  informations lorsqu’on clique    Lien vers la page  sur chaque vignette.    suivante. Page d’accueil  Même modèle que pour  Idem  Utilisation du modèle « accueil  Début Juin  Page d’accueil  et sous  la rubrique « A propos  rubrique »  2008  de « Autres  rubrique de  de l’artiste »  Les sous rubriques restent à  Travaux »  « Autres  Insertion de photos et  créer.  travaux »  de textes.    Rubrique  Texte  Idem  Création à partir du modèle.  Début juin  Page de la «Evènements»  insertion de la photo de      2008  rubrique    l’invitation de l’expo en        « Evènements »    cours dans le cadre            informatif.                     
  • 38. 38 Rubrique  Texte et liens  idem  Création à partir du modèle.  Début juin  Page « Liens et  « Liens et  2008  Contacts »  Contacts »  (figure XXX : Tableau synthétisant les principales informations relatives aux procédures de réalisation des différents composants du site web)      5.3/ Prototype/maquette La structure du site est achevée. Il reste à créer les sous rubriques de « Autres travaux », pour lesquelles il manquait des photos et à compléter les « Liens et Contacts » et « Evènements » avec l’aide de l’artiste. La plus grosse partie qu’il reste à traiter sera de créer les petites pages d’aperçu des œuvres.       5.4/ Test et validation Je n’ai pas pu traiter cette partie, car il m’était impossible d’obtenir un aperçu dans le navigateur. C’est aussi pourquoi je ne peux encore vous joindre de capture d’écran. J’espère régler ce problème très vite. En outre, je n’ai pu vérifier si tous mes liens fonctionnaient correctement.     
  • 39. 39     Annexe      Extraits de la ressource réalisée   

×