conception site web

39
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 TICE dans une perspective interculturelle » Institut National des Langues et Civilisations orientales Filière Communication et Formation Interculturelles OIPP 2007 2008

Upload: couteiller-elsa

Post on 25-May-2015

827 views

Category:

Documents


4 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: Conception site web

 

Licence LMFA Spécialité “Communication Interculturelle et Langues du Monde” ‐ 

CILM 

  

Dossier de recherche  

  «   C O N C E P T I O N   D ’ U N   S I T E   W E B   D ’ A R T I S T E   :  

X i m e n a   d e   L e ó n   L u c e r o ,   g r a v e u s e   s u r   m é t a l   »       

Auteurs :  

C O U T E I L L E R   E l s a   

K E L L E R   L o r a i n e    

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  

Page 2: Conception site web

2

Sommaire

SOMMAIRE 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 

Page 3: Conception site web

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. 

Page 4: Conception site web

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...     

Page 5: Conception site web

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. 

Page 6: Conception site web

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 :   

Page 7: Conception site web

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 

Page 8: Conception site web

8multiculturelle 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.      

Page 9: Conception site web

9  

3) Synopsis du site web  

 3.1/ Identification du site web 

 N°  

Intitulé de la ressource 

Type de la ressource et contexte de mobilisation 

 

Résumé du contenu 

  1 

  Site Web de Ximena de Léon Lucero : graveuse sur métal et illustratrice.  

 Un site essentiellement promotionnel, destiné aux différents publics susceptibles d’acheter les œuvres de l’artiste ; une sorte de carte de visite et de vitrine professionnelle. A ce titre il devra représenter au mieux l’univers de l’artiste. 

1) Contenu globalIl s’agit d’un site de promotion artistique dédié à une artiste spécialisée en gravure sur métal, présentant ses œuvres, son univers, les services qu’elle propose. Il s’adresse à toutes sortes de publics potentiellement intéressés par l’art, et en particulier la gravure, professionnels comme particuliers, Français et étrangers (des versions simplifiées en diverses langues seronmises en place, notamment anglais et espagnol, peut‐être en japonais).  

2) Les principales parties de la prestation Les rubriques principales sont :  2.0/ La page d’accueil est primordiale, puisqu’elle doit accrocher suffisamment l’œil pour donner envie de se balader sur le site, tout en représentant fidèlement l’univers de l’artiste. Elle devra présenter une première vue d’ensemble, en utilisant les motifs récurrents utilisés par 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 

Page 10: Conception site web

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 : 

Page 11: Conception site web

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

Page 12: Conception site web

12l’artiste. 

  

3.2/ Scénarios de production, d’exploitation et de suivi  

  Type de la ressource 

 

Production et diffusion de la ressource 

Utilisation, appropriation de la ressource 

 

Suivi de la ressource 

  Site de l’artiste  graveur Ximena de Léon Lucero 

1/ Publication/Diffusion :  ‐ Produit : page personnelle pour le          Web ‐ Taille approximative : environ une douzaine de pages, textes et photos ‐ Lieu de diffusion : Paris ‐ Début de la diffusion : mai 2008  ‐ Durée de la diffusion : non déterminée ‐ Langue(s) de diffusion : français, puis anglais, espagnol, peut‐être japonais ‐ Portée de la diffusion : tout Internet ‐ Restriction : site public  2/ Auteurs du produit :  ‐ Coauteurs : Loraine Keller                      Elsa Couteiller Etudiante en 2ème année de CILM à l’INALCO, Paris 

1/ Population cible :  1‐ Professionnels du domaine artistique : galeristes, agents, clientèle institutionnelle, collectionneurs… 2‐ Grand public : quiconque est intéressé par l’art en général, et la gravure en particulier, mais aussi pour des commandes spécifiques (faire‐part, etc.) 3‐ Professions libérales : clientèle privilégiée des artistes, car très friands d’œuvres d’art 4‐ Professionnels de l’édition et de la presse : commandes d’illustrations  2/ Principaux contextes d’utilisation  ‐ Pour les professionnels du secteur au sens large : dans le cadre de la prospection libre pour trouver de nouveaux artistes à exposer et promouvoir Comme outil pour découvrir le travail 

1/ Suivi critique de la qualité du site lui‐même   ‐  Constitution et utilisation d’un corpus de sites de référence = « best practices » ‐ Groupe d’artistes et amis chargés d’évaluer le site  2/ Suivi critique de la qualité du site pendant la phase de réalisation  ‐ Prise d’avis constante auprès de la propriétaire du site, dont il sera le représentant ‐ Présentation de la maquette à nos familles et amis pour recueillir leurs avis et critiques sur la forme, le fond, l’interactivité…  3/ Suivi critique de la qualité du site pendant toute sa « vie »  

Page 13: Conception site web

13 3/ Droits, Copyright :  ‐ Propriétaire du site : Ximena de León Lucero ‐ Droits d’auteurs : ‐ Droits de traduction : 

 

de l’artiste, lorsqu’ils l’ont rencontré préalablement.  ‐ Pour la clientèle privée : Dans le cadre de recherches plus ou moins fortuites sur Internet (moteurs de recherche) ; Pour poursuivre dans la connaissance de l’artiste après avoir assisté à une de ses expositions…  3/ Moments et formes d’utilisation et d’appropriation  ‐ 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  

‐  Lors de la mise en ligne, envoi d’un « faire‐part de naissance » du site à l’ensemble de nos carnets d’adresse, invitant à visiter le site et répondre à quelques questions pour connaître l’avis d’un certain nombre d’utilisateurs, et notamment les artistes amis de Ximena, susceptibles d’avoir un œil plus professionnel. ‐ Dans la rubrique « Contacts », invitation de l’utilisateur à donner son avis sur le site et ses suggestions. 

Page 14: Conception site web

144) 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 

Page 15: Conception site web

151/ Représentation, sous forme d’un schéma graphique, des 

principales unités de contenu             

               

Site de Ximena de Léon Lucero 

« Rubriques » 

Accueil 

A propos de L’artiste 

Galerie 

Autres travaux 

Evènements à venir Liens et contacts 

Autres composants des « pages »

Bandeau portail « supérieur » 

Elément visuel : Illustration en bas à gauche (arbre) ; Logo et nom de 

l’artiste. 

Cadre sur la droite : Actualités 

Sous‐rubriques 

Page 16: Conception site web

162/ 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 :                                             .                 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.  

Rubrique : « A propos de l’artiste » 

« Sous‐rubriques » 

Biographie

Formation  

Expositions et Collections 

Page 17: Conception site web

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.   

  

   

 

Page 18: Conception site web

184.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 

Page d’accueil du site  

En  haut  à  gauche  apparaît  la  signature  de l’artiste  accompagnée  d’un  logo,  qui  sont communs à toutes les pages du site. A  côté,  un  bandeau  supérieur  propose  les rubriques principales du site.  Elle  contient  un  encadré,  qui  informe  sur l’actualité  la  plus  récente  de  l’artiste,  situé sur la droite de la page.  Les  illustrations,  photos  qui  l’animent permettent  de  donner  un  aperçu suffisamment  varié  de  l’univers  et  des œuvres de l’artiste. 

1/ Composants communs à l’ensemble du site : bandeau supérieur avec logo et nom à gauche, l’arbre en bas à gauche, cadre informatif à droite. 2/ Photo d’une gravure au centre (qui pourra être changée régulièrement, au gré des humeurs de l’artiste, son actualité, etc.) Idéalement, on choisira plusieurs œuvres, qui apparaîtront de façon aléatoire à chaque ouverture de la page, afin d’offrir au visiteur un accueil varié et plus « personnel ». 

Page principale de la rubrique  « A propos de l’artiste » 

 

Page sur laquelle l’internaute peut avoir accès trois sous‐rubriques : « A propos de l’artiste », « Formation », « Expositions et collections ». Cette page doit en outre fournir un aperçu de personnalité de l’artiste, en résumant les différentes sous‐rubriques.  

1/ Bandeau supérieur + arbre  2/ Cadre informatif, ou pourront être affichées les liens vers les sous‐rubriques. 

Page 19: Conception site web

193 

Page de la  « Galerie » 

(concerne les gravures exclusivement) 

  

Panorama  sur  fond  blanc  cassé/lin  des œuvres de l’artiste, sous forme de vignettes qui  peuvent  être  agrandies  en  cliquant dessus, dans une nouvelle fenêtre, avec  les détails techniques (technique utilisée, taille, matériau).   Le nombre des images par page sera limité, 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. 

1/  Bandeau  supérieur  +  arbre  +  cadre informatif 2/ Nombreuses photographies  des oeuvres. 3/ Lorsque  la  fenêtre est agrandie,  focus sur l’œuvre et description technique de la gravure. 

Page de la rubrique  « Autres travaux » 

  

3 sous rubriques :  Illustrations  Faires‐parts   Ex‐libris 

Lien vers  le mail de  l’artiste pour demande de devis et information. 

1/  Bandeau  supérieur  +  arbre  +  cadre informatif 2/ Nombreuses photographies  des œuvres. 3/ Lorsque  la  fenêtre est agrandie,  focus sur l’œuvre et description technique. 

Page de la rubrique « Evènements à  venir » 

  

Promotion des expositions et autres évènements prévus par l’artiste pour présentson travail. Des éléments d’informations seront également proposés, avec des liens veles sites utiles (galeries, lieux d’exposition, etc

1/ Bandeau supérieur + arbre + cadre informatif 2/ Liste chronologique présentant les différents évènements prévus par l’artiste. 3/ L’affichage des cartons d’invitation ‐ promotion présentant des dates spécifiquesest possible pour illustrer l’événement.  

Page de la rubrique  « Liens et contacts » 

 

Liste 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, ledemandes  d’informations, les commandes… 

1/  Bandeau  supérieur  +  arbre  +  cadre informatif 2/ Liste des liens des autres sites 3/ Mail de l’artiste  

Page 20: Conception site web

204.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  

2 Page principale et sous‐

rubriques de la « Biographie » 

3 Pages de la  « Galerie » 

4 Pages de la rubrique « Autres travaux » 

5 Page de la rubrique 

« Evènements à  venir » 

6 Page de la rubrique  « Liens et contacts » 

  Un fond de couleur blanc‐crème / lin (plus reposant pour les yeux que 

le blanc, permettant de mieux apprécier les œuvres)  Utilisation des couleurs bordeaux, vert  foncé et gris pour  les polices, 

plus originales et raffinées que le noir.   Logo rond représentant une plume en haut à gauche, permettant en 

un clic de revenir sur la page d’accueil à tout moment.      La  signature de  l’artiste «  Ximena »  suivie de  son nom à droite du logo.      En  bas  à  gauche,  un  arbre  dessiné  par  l’artiste  représentant  sur 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).   Un  bandeau  supérieur  présentant  les  cinq  rubriques,  souligné  d’un 

trait bordeaux, de la même couleur que la police : « Didot ».  

Page 21: Conception site web

21                    

     

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. 

  

Logo  Ximena              De Léon Lucero

 Biographie       Galerie        Autres         Evènements           Liens & Contacts  travaux          à venir 

Arbre 

  

Cadre Informatif 

  

Gravure 

Page 22: Conception site web

224.3.3/ Le dispositif topographique des pages du site 

                     

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.   

Logo Ximena            de León Lucero 

  Biographie      Galerie        Autres       Evènements       Liens & Contacts                                    Travaux         à venir 

 Arbre 

Photo  de 

l’artiste  A propos de l’artiste 

Formation 

Expositions et collections 

  

Cadre Informatif 

 Photo 

 Photo 

Page 23: Conception site web

23                     

 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.      

Logo  Ximena             de León Lucero

   Biographie        Galerie        Autres        Evènements       Liens & Contacts                                      Travaux          à venir

 Arbre 

Page 1/2 Lien vers le site www.estampe.ch

Cadre Informatif

Page 24: Conception site web

24                    

  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.     

Logo Ximena         de León Lucero 

  Biographie       Galerie        Autres        Evènements      Liens & Contacts                                    Travaux           à venir 

 Arbre  

Illustrations 

Faire‐part 

Ex‐libris 

Mail de l’artiste 

  

Cadre Informatif 

Photo

Photo

Photo

Page 25: Conception site web

25                    

    

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.    

Ximena         de León Lucero 

  Biographie       Galerie        Autres       Evènements       Liens & Contacts                                     Travaux           à venir Logo 

Arbre 

  

Liste chronologique  

Des évènements  

A venir  

Accompagnées de liens vers Des sites utiles (infos…) 

 

 Présentation du carton d’invitation 

s’il est disponible

Page 26: Conception site web

26                         

Schéma explicitant la distribution topographique des différents éléments composant  la page principale de la rubrique « Liens & Contacts». 

    

Logo  Ximena         De León Lucero 

    Biographie          Galerie           Autres          Evènements          Liens & Contacts  Travaux             à venir 

Arbre 

Mail de l’artiste Lieux où on peut la rencontrer (ateliers, lieux d’expositions en cours…)

Liste de liens vers d’autres sites choisis parl’artiste (autres artistes, ateliers, musées, galeries, sites intéressants en rapport avec l’artiste ou sa technique, etc.) 

   

Cadre Informatif 

Page 27: Conception site web

274.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 

Page 28: Conception site web

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. 

Page 29: Conception site web

29Intitulé de l’unité de contenu 

Type de médias  Aspects, propriétés  Contenu réalisé (texte, image, …) 

Procédures 

1/  Page d’accueil   

‐ un logo   ‐ la signature de l’artiste         ‐ un dessin sera utilisé comme fond d’écran partiel (en bas à gauche)  ‐ un cadre informatif       ‐ le bandeau supérieur des rubriques      ‐ photographie au centre 

Le logo représente une plume sur fond violet dans un cercle. Il accompagne la signature de l’artiste, dans le coin supérieur gauche. On pourra cliquer sur cet espace pour revenir à la  page d’accueil.  C’est un dessin sobre qui habille le bas de la page et qui adoucit l’ambiance du site.    Il a pour objectif de mettre en relief l’actualité de l’artiste. Il sera simple et dans une couleur plus foncée par rapport au fond d’écran, afin d’attirer le regard.   On a choisi pour le moment d’utiliser la police Centaur. couleur bordeaux foncé. Présentation très simple, souligné d’une ligne de même couleur.  La photographie est celle d’une gravure qui représente le style et l’univers de  l’artiste.   

L’ensemble a été assemblé par nous à partir de matériel fourni par l’artiste.     Il a lui aussi été réalisé par l’artiste.    Une simple phrase informative concernant une exposition en cours ou à venir et les infos principales (dates…)  Les rubriques : à propos de l’artiste, galerie, autres travaux, évènements à venir, contacts   Photographie d’une œuvre réalisée par l’artiste.  

Le logo a été découpé à partir de la photo du faire‐part de mariage de l’artiste, et retravaillé sous Fireworks. La signature a été scannée, puis nous l’avons insérée à côté du logo.  Il a été scanné, puis modifié avec le logiciel Fireworks pour essayer au mieux de l’introduire dans la page.   Le cadre est créé lors de la mise en place du site. Le texte informatif devra être  mis à jour par l’artiste.   Nous ne souhaitons pas utiliser de menus contextuels. Lorsqu’il y a des sous‐rubriques, il y aura une page d’accueil de rubrique.  Cette photographie pourra être changée au fil du temps selon l’envie de l’artiste. Possibilité que l’image varie à chaque visite.  

Page 30: Conception site web

302/ Page principale et sous‐rubriques de « A propos de l’artiste »               3/ Pages de la  « Galerie »  

‐ 3 photographies      ‐ Plusieurs textes courts  de présentation des sous rubriques : 

1) Biographie 2) Formation 3) Expositions et 

Collections       ‐ photographies  

La première photographie est celle de l’artiste. Les deux autres illustrent les sous‐rubriques « Formation » et « Expositions etCollections »  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.  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.   Cette rubrique présente les oeuvres de l’artiste, sous la forme d’une collection de vignette harmonieusement disposées. Deux lignes de cinq vignettes seulement, pour ne pas surcharger le regard. 

Les photographies ont été choisies par l’artiste.    Les textes sont rédigés par nous.             Le visiteur pourra cliquer sur chaque vignette, afin d’en obtenir un agrandissement, accompagné d’informations techniques (titre, techniques utilisées, taille, support, date) 

Mise en place de tous les éléments lors de la réalisation du site.     On pourra cliquer sur les photos ou le nom de la sous rubrique pour y accéder.           Les photographies ont été prises essentiellement par l’artiste. Elles ont ensuite été traitées avec le logiciel Fireworks et insérées sur la page.  La version agrandie ne pourra être imprimée, afin de protéger le copyright. 

Page 31: Conception site web

31 

           3/ Page de la rubrique « Commandes » et de ses sous rubriques.        4/ Page principale de larubrique « Evènementsvenir ».        

‐ un lien vers les autres pagesde la galerie (page 1 / x ou suite)   ‐ un lien hypertexte       ‐ 3 photographies : 1) Illustrations 2) Faire‐part et cartes 

de voeux 3) Ex‐libris 

  ‐ Lien vers le mail de l’artiste    ‐ texte  ‐ liens  ‐ image illustrant un évènement    

Ce lien sera inséré en bas de la page à droite.    ‐ un lien accompagné d’une phrase, du type : « Si vous souhaitez découvrir 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 de la rubrique « A propos…» : des photographies et un court texte illustrent sa page d’accueil pour résumer son contenu.  Le lien vers le mail de l’artiste est  présent en bas de chaque page pour toutes demandes de devis et d’informations.  Liste chronologique des évènements à venir, accompagnés de liens vers des sites utiles (galeries, lieux d’expo…) Le cadre informatif est ici inutile. Il est remplacé par une photo du carton d’invitation (ou de l’affiche, notamment pour les expositions collectives), s’il est disponible.  Les évènements en cours seront mis en avant par la typographie 

           Photographies prises par l’artiste d’œuvres représentatives de chaque types de travaux.        La liste sera réalisée par l’artiste et les liens choisis par elle.  

La galerie est composée pour l’instant de 2 pages, mais pourra être étoffée par la suite, par l’artiste.   Tous les éléments sont mis en place lors de la réalisation du site.      On pourra cliquer sur les photos ou le titre de la sous rubrique pour y accéder.     Un formulaire sera éventuellement mis en place pour permettre de cerner la demande des personnes intéressées.  Cette liste sera bien sûr modifiable au vu des nouveaux évènements.  Ces éléments sont mis en place lors de la réalisation du site. La liste des liens et des lieux seront mis à jour par l’artiste.        

Page 32: Conception site web

32 5/ Page de la rubrique « Liens & Contacts ».           

   ‐ mail  ‐ liens  

essentiellement.  

Le mail de l’artiste est l’élément le plus important de cette page. Y seront également proposés par 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.   

Liste choisie et actualisée par l’artiste. 

 

 

Page 33: Conception site web

334.5.1/ Les éléments communs au site 

 

N°  Type de « page »  Eléments communs à l’ensemble du site 

1  Page d’accueil  

2 Page principale et sous‐

rubriques de la « Biographie » 

3 Pages de la  « Galerie » 

4 Pages de la rubrique « Autres travaux » 

5 Page de la rubrique 

« Evènements à  venir » 

6 Page de la rubrique  « Liens et contacts » 

  Un fond de couleur vert très pâle (plus reposant pour les yeux que le 

blanc, permettant de mieux apprécier les œuvres)  Utilisation des couleurs bordeaux, vert  foncé et gris pour  les polices, 

plus originales et raffinées que le noir.   Logo rond représentant une plume en haut à gauche, permettant en 

un clic de revenir sur la page d’accueil à tout moment.      La  signature  de  l’artiste  «  Ximena  de  Leon  Lucero »  suivie  de  son nom à droite du logo.      En  bas  à  gauche,  un  arbre  dessiné  par  l’artiste  représentant  sur 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).   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).  

Page 34: Conception site web

344.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.  

Page 35: Conception site web

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é.  

     

Page 36: Conception site web

36 

5.2/ Procédures de réalisation   

Unité à réaliser 

Médias  Réalisateur  Procédures  Période/ Durée 

Résultat 

Page d’accueil                       

‐ Scans de la signature de l’artiste associée à un logo circulaire, et d’un dessin d’arbre ; ‐ Photo d’un œuvre  ‐ Bandeau supérieur pour les rubriques ; ‐ Texte encadré 

Artiste  Pour la création 

des visuels + 

Loraine Keller        assistée 

d’Elsa Couteiller pour la conception 

et la création  + 

Textes de  Loraine Keller 

 

‐ Retouche des différents supports sous Fireworks ; ‐ Insertion de l’arbre en transparence comme fond d’écran ; ‐  Création du bandeau supérieur, avec le logo /signature à gauche ; ‐ Création de l’encadré informatif à droite de la page, dont le contenu est une zone 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. 

Avril / mai 2008 

Page d’accueil  

Utilisée comme modèle du site 

Page 37: Conception site web

37Page d’accueil 

et sous rubriques de  « A propos de l’artiste »  

  

Création à partir de la page modèle d’un modèle « accueil rubrique ». Autres pages à partir du modèle, insertion d’une photo et de texte 

Idem  ‐ Dans la partie centrale de la page (modifiable), insertion de trois cadres destinés aux photos d’illustration, à cotés desquelles seront insérés les testes ; ‐ Création des liens menant aux pages de la sous rubrique à partir des photos et des titres.  

Mai 2008  Modèle d’accueil des sous rubriques Pages d’accueil et sous rubriques de « A propos de l’artiste » 

Pages de la rubrique « Galerie » 

     

Création d’un modèle spécifique incluant un tableau. Photo des œuvres miniaturisées sous Fireworks. Lien vers la page suivante. 

Idem  Insertion d’un tableau accueillant les vignettes représentant les œuvres.  Restent à créer les petites pages offrant un zoom et des informations lorsqu’on clique sur chaque vignette. 

Début Juin 2008 

Pages de la Galerie 

Page d’accueil et sous 

rubrique de « Autres travaux » 

 

Même modèle que pour la rubrique « A propos de l’artiste » Insertion de photos et de textes. 

Idem  Utilisation du modèle « accueil rubrique » Les sous rubriques restent à créer. 

Début Juin 2008 

Page d’accueil de « Autres Travaux » 

Rubrique «Evènements» 

    

Texte insertion de la photo de l’invitation de l’expo en cours dans le cadre informatif.  

Idem      

Création à partir du modèle.      

Début juin 2008     

Page de la rubrique « Evènements »    

Page 38: Conception site web

38Rubrique « Liens et Contacts » 

Texte et liens  idem  Création à partir du modèle.  Début juin 2008 

Page « Liens et 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. 

  

Page 39: Conception site web

39    

Annexe     

Extraits de la ressource réalisée