1) Brève présentation description des trois sites :



Documents pareils
Conception Création Site. Web CAHIER DES CHARGES CREATION DE SITE WEB

CAHIER DES CHARGES CREATION / AMELIORATION SITE INTERNET

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET

Création de site internet

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

AIDE A LA REDACTION CAHIER DES CHARGES DE REALISATION DE SITE INTERNET

Trucs et astuces d un Expert Jimdo pour un site réussi

Partie publique / Partie privée. Site statique site dynamique. Base de données.

OFFRE DE SERVICE.

Ma première visibilité sur le Web. en 60 min avec des outils gratuits

CAHIER DES CHARGES Réalisation de site web

Dragon Naturally Speaking 13

CAHIER DES CHARGES DU SITE WEB POUR LA RÉALISATION. Nom du commanditaire : Dossier suivi par : Date de réalisation : Date de mise à jour :

Créer et gérer une newsletter Comment créer et faire vivre une lettre d information au sein de votre entreprise?

Administration du site (Back Office)

QUESTIONNAIRE CAHIER DES CHARGES POUR FACILITER LA CREATION DE VOTRE SITE WEB

Le front office (utilisateur client):

Refonte d'un site internet

Rendre accessible à tous la réalité augmentée

Questionnaires préalable à la réalisation d un site e-commerce

M1105 Web Design Analyse Sectorielle Sites de grands musées

ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2

Guide d utilisation 2012

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

Guide de pratiques exemplaires en matière de commerce mobile. Des techniques concrètes pour surpasser les normes de l industrie

Présentation de Kiubi

Internet Marketing Manager

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

Site internet. Vous voulez faire réaliser votre site internet par une agence web? 21 points à passer en revue pour rédiger votre cahier des charges

Animation numérique. de territoire. Créer son site Internet avec un outil gratuit. Mardi 4 novembre Cédric ARNAULT OT Lourdes

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

Support de formation pour l'installation d'un logiciel gratuit de retouche d'images et gestion de la qualité, taille et format des images :

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

Cahier des charges Site Web Page 1 sur 9

TRAME POUR LA REALISATION D UN CAHIER DES CHARGES SITE WEB

Charte d utilisation de la marque de certification NF pour les bâtiments non résidentiels*

Utiliser le logiciel Photofiltre Sommaire

DU CAHIER DES CHARGES GUIDE D UTILISATION SITE WEB

REPUBLIQUE ALGERIENNE DEMOCRATIQUE ET POPULAIRE MINISTERE DE LA CULTURE. «Constantine, capitale de la culture islamique 2015»

AGASC / BUREAU INFORMATION JEUNESSE Saint Laurent du Var - E mail : bij@agasc.fr / Tel : CONSIGNE N 1 :

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

Création d un site web avec le kit labo CNRS. Expérience au LMV - Ch. Postadjian (Laboratoire de Mathématiques de Versailles - UMR 8100)

1. Cahier des charges de la boutique en ligne ChezMike.fr

Mémo Gestion de ma page entreprise.

Site web établissement sous Drupal

La Clé informatique. Formation Excel XP Aide-mémoire

Les différentes étapes à suivre pour la création d un feuillet

PRISE EN MAIN D ILLUSTRATOR

Soyez accessible. Manuel d utilisation du CMS

Créer du contenu en ligne avec WordPress

CRÉA WEB ON PRIN. muniquer autrement!

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog :

WORDPRESS : réaliser un site web

Les 10 étapes incontournables pour réaliser un site internet performant et accessible

CAHIER DES CHARGES pour création graphique de Site internet.

B&C PRIVATE ROOM GUIDE D UTILISATION. B&C COLLECTION // BE INSPIRED //

Présentation de la structure Enjeux Présentation du projet Cible... 4

Utilisation avancée de SugarCRM Version Professional 6.5

Agence conseil en communication

Je sais utiliser. Création d une galerie photo pour un site Web. Picasa crée les documents. HTML pour insérer une galerie de photos dans un site web

EXEMPLE DE RAPPORT D'AUDIT. Site Internet

CHARTE. d utilisation de la marque Sage par les partenaires

G U I D E D U T I L I S A T I O N LIFTING IDENTITÉ VISUELLE

Toute utilisation du site doit respecter les présentes conditions d utilisation.

COPY. Picture Style Editor Ver. 1.4 MODE D EMPLOI. Logiciel de création de fichiers de style d image. Contenu de ce mode d emploi

Numérisation. Copieur-imprimante WorkCentre C2424

Créer un compte itunes Store

I - Pour créer un site web

LA REUSSITE DE VOTRE PROJET MEDIA DEPEND BEAUCOUP DU CHOIX DE VOTRE PRESTATAIRE INFORMATIQUE

Manuel utilisateur Netviewer one2one

CAHIER DES CHARGES Refonte du site Internet & newsletter de la filière Normandie AeroEspace. Site Internet actuel :

TUTORIEL IMPRESS. Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer»

Niveau 1. Atelier d'initiation à l'ordinateur ... Fondation de la Bibliothèque Memphrémagog inc. Magog (Québec) J1X 2E7 Tél.

Tutoriel. Votre site web en 30 minutes

< Atelier 1 /> Démarrer une application web

Guide de l utilisateur Mikogo Version Windows

MODE D EMPLOI DU MODULE D E-COMMERCE

Créer son site internet avec Jimdo. Web business

Présentation de Firefox

Pourquoi utiliser des visuels et des logiciels de présentation?

GUIDE DE DÉMARRAGE. SitagriPro Infinite FINANCEAGRI. Un service. c o r p o r a t e

Novembre DOSSIER DE PRESSE Lancement du nouveau site internet


Utiliser le site Voyages-sncf.com

stratégie de communication

Création - Impression - Internet

CAHIER DES CHARGES DE LA RÉALISATION DU SITE INTERNET DE L OFFICE DE TOURISME** DE CRÉPY-EN-VALOIS ET DE LA VALLÉE DE L AUTOMNE

Créer un site Internet dynamique

Créateurs, repreneurs, une formation pour réussir. stage financé par le fonds social européen en et la DGCIS

E-PROCUREMENT GESTION D UTILISATEURS

PR OC E D U RE S D E B A S E

SurveyMonkey Un outil de sondage électronique. Objectifs

Création d articles sur le site web du GSP

Website Express Créer un site professionnel avec Orange

Création outil multimédia de restitution du projet «l intergénérationnel : un levier pour un levier pour créer du lien social en milieu rural

1. PRÉSENTATION, CONTEXTE, OBJECTIFS ET CIBLES 1.1 Contexte

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (

Analyse Sectorielle de site e-commerce

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone

Transcription:

1) Brève présentation description des trois sites : Nous avions à comparer trois sites d entreprises de production audiovisuelle. A savoir : «Positif» «Dimson» «International Création Vidéo» Cependant le site de cette dernière société ayant des problèmes techniques lors de la première séance (nous ne pouvions accéder qu a la page d accueil), nous ne traiteront de que les deux premières. A) Le site «POSITIF» Intitulé du site «POSITIF» Institution propriétaire du site POSITIF SARL Parc Holtzer 46-48 Rue Holtzer 42 240 Unieux France Type de site Sites correspondant à l organisation de produits d information classique, de type «brochure Ware», qui se présente comme une sorte de catalogue des services et des prestations. Adresse du site : http://www.positif.fr/ Bref résumé : Le site a été développé sous deux versions sonorisées, l une en Flash et l autre en HTML. Il présente un aspect moderne en adéquation avec les activités de réalisation numériques et photographiques. La société «POSITIF» est particulièrement axée sur le traitement de l image et son utilisation commerciale dans les nouvelles technologies (Cdrom, sites Internet ). B) Le site «DIMSON» Intitulé du site «DIMSON» Institution propriétaire du site DIMSON 41, rue de Gergovie 75014 Paris 1

Type de site Site correspondant à l organisation de produits d information classique, de type «brochure Ware», qui se présente sous un type de documentation en ligne des différents services proposés par l entreprise Dimson. Adresse du site : www.dimson.fr Bref résumé : Le site a été développé sous une version HTML en utilisant sur quelques pages une animation réalisée avec le logiciel Flash. D une utilisation relativement classique et simple, ce site est accessible au plus grand nombre. Il apparaît pourtant manquer de dynamisme, surtout de la part d une entreprise qui possède des secteurs dédiés au multimédia et à la production audiovisuelle. Le site présente l univers de l entreprise qui possède des spécialisations très diversifiées dans des domaines tels que l événementiel, la production, le multimédia ou encore la mise à disposition de leur matériel. 2) Comparaison globale des trois sites : A) Points communs 1) Contenu, thématique La thématique des sites est la production audiovisuelle. Le contenu est relativement semblable dans la mesure où les deux sociétés valorisent leurs atouts et insistent sur leurs valeurs, leurs plus différentiel (positionnement moderne pour la société «Positif» par exemple) et présentent les productions qu elles ont déjà réalisées. On peut classer les rubriques des sites dans deux catégories : - Celles qui présentent les services et productions des entreprises. - La partie réservé au contact. A noter que la rubrique «contact» est présente sur les deux sites. 2) Type, fonction Les deux sociétés choisis sont des prestataires de services qui mettent en avant leur savoir-faire dans le but de vendre leur image et prospecter de nouveaux clients. Pour ce faire, elles utilisent des sites de types «brochure Ware». 3) Interface design («look») la version HTML du site «POSITIF» est comparable à celle de «DIMSON» dans le placement de la barre de navigation sur le côté gauche de l écran. La mise en avant des informations concernant les services et prestations des deux sites est comparable, elle apparaît sous la forme d une simple liste. 2

B) Traits différenciateurs 1) Contenu, thématique Le contenu de «Dimson» est plus conséquent que celui de «Positif». D abord, leurs activités sont plus diversifiés, et «Positif» semble avoir fait le choix de rester très succinct au niveau du contenu. 2) Type, fonction Apparemment, il existe peu de différences dans la fonction et le type du site, tout deux sont des «Brochures wares». 3) Interface design («look») Les deux sites possèdent des aspects relativement différents au niveau des couleurs utilisées et du design en général. Le site «POSITIF» joue sur les teintes noires, blanches et «acier», jaunes et vertes. Ces couleurs froides mettent en avant le côté technologique de leur activité. Il propose deux versions qui diffèrent quelques peu. La version flash possède un aspect plutôt moderne avec une introduction rapide (presque stroboscopique ) et une interface travaillée. La version HTML utilise quant à elle, une police de style manuscrite qui crée une sorte de convivialité rompant avec le reste du site. «DIMSON» utilise la couleur bleu en arrière plan, et associe un code couleur à chacune des rubriques. Si l ensemble du site est simple à utiliser, son design pêche par excès de simplisme. Il paraît conventionnel. On peut également remarquer que le site «POSITIF» accorde une place importante aux photos des productions qu il ont effectués, ce qui paraît quasi indispensable pour une société ciblée sur le traitement d image. De plus, le site offre la possibilité d agrandir les images. «DIMSON» quant à elle, possède plusieurs secteurs d activités mais leur travaux ne sont pas réellement mis en valeur, les quelques images ne sont pas agrandissables. «POSITIF» a fait le choix de proposer un pré-générique et une interface en Flash, alors que «DIMSON» utilise des animations Flash au sein du site. 3

3) Description détaillée des pages d accueil des sites : A) Le site «Positif» Comme le montre la constitution des rubriques dans le schéma situé à la fin du rapport, le site ne possède pas à véritablement parlé une seule page d accueil, mais plusieurs. Le site «POSITIF» présente dans un premier temps une pré-page d accueil sur la quelle on peut observer les éléments suivants: - Une reproduction dynamique du logo POSITIF»» dont la lettre «O» évolue de la couleur bleu au jaune en passant par le vert. - Le slogan de l entreprise: «POSITIF, le spécialiste de toute votre communication, de votre plaquette publicitaire à votre site Internet dynamique!» - Un message visant à interpeller le visiteur en créant l intérêt par la curiosité. Il est intéressant de noter que ce bloc texte, outre des considération de contenu, est associé à une animation Flash simple consistant en le défilement d un cadre améliorant la visibilité des informations survolées. - La proposition de deux format de présentation/navigation sur le site à savoir une version Flash et une version HTML. On remarquera sur cette pré-page d accueil la dominance en fond d écran de navigation de la couleur noire, inspirant une atmosphère sobre et obscure qui pourrait être interpréter par le visiteur comme une invitation lugubre à ne pas s aventurer sur le site. Cette interface graphique, malgré l omniprésence du fond d écran, sert correctement la présentation de l entreprise dont le logo blanc et le «O» aux couleurs changeantes crée un contraste visuelle attrayant. La pré-page d accueil, malgré les efforts de créativité (effet de contraste essentiellement) et de programmation (animation flash) n en demeure pas moins une entrée en matière particulièrement sobre voir austère pour un site d entreprise dont les qualités avancées sont la créativité et l innovation. 4

1) La version Flash L entreprise d audiovisuel POSITIF»» propose dans la version Flash, en introduction de son site, un pré-générique visant à introduire la page d accueil. Cette animation développée sous Flash donne une vision globale des activités de l entreprise en disposant par apparition/disparition rapide des éléments de textes ainsi que des éléments graphiques (comme des photos). L animation en elle même est très rythmée, et ce probablement dans le but de représenter le processus dynamique de création, activité principale de l entreprise «POSITIF». On remarquera que celle-ci a décidé d utiliser sa raison sociale pour développer cette animation. Cette dernière se déroule toujours sur un fond noir et reprend la lettre «O» du mot POSITIF»» pour, par transformations successives, créer l interface permettant de choisir entre les différentes rubriques que propose le site. 2) La version HTML La version HTML est nettement plus statique que la version Flash et ne reprend pas les mêmes éléments figuratifs d identification, on notera d ailleurs la différence de logo avec la présence d une virgule supplémentaire. La navigation sur cette page se fait classiquement à l aide du curseur qui s est vu attribuer, via un code Java Script, une traînée de symboles «POSITIF»s, redondances simplifiées de la raison sociale de l entreprise. Les éléments de textes, malgré la taille des polices visant à améliorer leurs lisibilités, ont pour couleur d affichage un gris très sombre qui ne facilite pas nécessairement leurs discernements sur un fond noir. De plus, il y a une page supplémentaire avant de pouvoir accéder au contenu, elle présente un petit texte qui vient compléter l image de la page d accueil. 5

B) Le site «DIMSON» Le site web DIMSON est déroutant, la page d accueil ne comporte qu une animation flash et l ensemble des rubriques disponible sur le site. Or une des rubriques à pour dénomination «Accueil». Pourtant en cliquant sur cette rubrique, nous ne tombons pas sur une page d accueil mais sur une page de contact, avec l adresse de l entreprise. Nous avons donc décidé d identifier et d analyser que la page d accueil d ouverture du site. 6

L animation Flash C est une animation d accueil c est à dire que le visiteur sera en présence de celle-ci dès qu il ouvrira le site, en revanche elle ne constitue pas un pré-générique puisque elle n est pas en pleine page, et que le navigateur peut consulter les rubriques qu il désire sans attendre la fin de l animation. L animation est très simple, il souhaite la bienvenue aux visiteurs puis le logo de la marque apparaît. Les couleurs sont claires. L entreprise qui est spécialisé dans les outils multimédias ne fait pas une réelle démonstration de son affirmation dans les outils multimédia, cette première animation flash est simple et n invite pas le navigateur à constater l identité spécifique de cette entreprise. 7

4) Conseils pour améliorer les sites : A) Le site «POSITIF» Il réside des incohérences au sein de ce site : Voici les axes de communication prônés par les concepteurs du site «POSITIF» : La maîtrise de la technologie : la réalisation de produits/supports audio-visuel de la qualité professionnel nécessite l emploi de matériel numérique et suggère les compétences qui y sont associées. Objectif : montrer le professionnalisme des employés de l entreprise. La créativité : valeur essentielle de tout travail artistique, la créativité est ici exprimée par un design élaboré. Objectif : montrer les compétences artistiques des employés Pourtant, on constate : - La présence d éléments figuratifs d identification : Les logos, même s ils permettent une identification rapide de l entreprise à laquelle appartient le site dans la mesure où ce sont des éléments de textes, ne sont pas de même design et ne sont pas associés à une charte graphique commune. - La présence de signatures de l entreprises : dans la mesure où les signatures n ont pas été uniformisées, le visiteur n ayant que peu de renseignements pourrait considérer qu il a fait une erreur de navigation. Ces signatures sont différentes selon la version de navigation que l internaute a choisi sans pour autant avoir une quelconque explication rationnelle. - La signalétique présente des incohérence dans son utilisation d éléments graphiques différents. En effet suivant la version du site retenue par l utilisateur, ce dernier se retrouve confronté à une signalétique différente : alors que la version Flash offre un design axé sur l utilisation de la lettre «O» du mot POSITIF»» comme base de son animation et de sa navigation, la version HTML propose le logo associé cette fois à une virgule présente sur la totalité des autres pages du site. Dans la mesure où l entreprise «POSITIF» est une entreprise de production audiovisuelle, elle a choisi comme axe de communication majeure la mise en avant de leur valeur ajoutée : la créativité et l innovation. Dans cette optique, la page d accueil, et notamment sa version Flash, offre une présentation sobre au design étudier. L impression de technicité et de sobriété sont particulièrement bien retranscrite dans la mise en forme définitive de l accueil. Cependant des difficultés persistent en matière de navigation. L accès à la réelle page d accueil, dans le cas de la version Flash, se fait après avoir parcouru trois pages différentes. L accessibilité générale aux différentes rubriques s en trouve particulièrement complexifié ce qui n est pour servir les valeurs de maîtrise technologique que prône l entreprise. La présence des pré-génériques donne un dynamisme certain au site malgré le fait qu elle présente un inconvénient majeur : étant assez longue, cette dernière demande un temps de téléchargement qui peu s avérer pesant. Cette donnée est à prendre en considération dans la mesure où la proportion de foyers disposant une connexion rapide reste minoritaire sur le territoire français face aux équipements bas débits, plus communément répandu. 8

B) Le site «DIMSON» Objets textuels La page d accueil se focalise sur le nom de l entreprise et son logo. Le logo est placé en haut à gauche et il est renforcé par l animation flash qui joue avec le logo. L entreprise ne revendique aucun slogan, en revanche elle rappel à son visiteur son domaine d activité. Il semble que cette entreprise ne soit pas connu du grand public, et qu elle recherche avant tout à faire connaître son secteur d activité plutôt que de renforcer son image avec l utilisation d un slogan. Le message principal de cette page, est le «bienvenue» de l animation flash. La page est très simple et vide. Le seul texte qui apparaît, c est la possibilité pour l internaute de télécharger le logiciel Macromedia, qui est un plugin pour lire les animations flash. Les rubriques sont présentes sur la gauche et sont au nombre de 6, elles apparaissent sous forme de liste. Les rubriques servent de lien pour les branches de l entreprise. Chaque rubrique est une présentation succincte des activités type «brochure ware». Très peu d images présentent les réalisations, une seule vidéo présente les productions des évènements. La démonstration du travail n est absolument pas présente, alors qu il s agit d une compagnie spécialisé dans les multimédias et l audiovisuel et la seule démonstration de leurs savoirs-faire c est une animation flash très simple de réalisation. Le point positif de ce site, c est le lien avec «communicateur» même si c est le visiteur en cliquant sur cette sous-rubrique ouvre une autre page web. Ici l entreprise créer un lien de proximité avec les internautes. Le site y gagne en personnification. Le contenu est affiché sous forme de liste, avec une barre de déroulement, ce qui est peu attractif, et dissuade l internaute de lire l ensemble des informations. La chartre graphique DIMSON a choisi une chartre simple à base de bleu, les rubriques sont différencié par une couleur, il est facile de se repérer dans le site. En revanche on peut reprocher le fait que les codes couleurs élémentaire comme celles présentés dans le site, ne donne pas de véritable identité à DIMSON. Objets sonores Il est à déplorer de n entendre aucun son sur le site, mis à part pour la vidéo. Conclusion Il semble que DIMSON n est pas un site de promotion d une image d entreprise créative et audiovisuelle pourtant ne devrait-elle pas être professionnel dans ce domaine? L optique est plus une communication vente, DIMSON reste très cantonné dans une présentation des gammes de services, avec explications et descriptifs des différents prestations. 9

Rubriques du site «POSITIF» : Page d accueil HTML Page d introduction générale Pré-générique en FLASH La succession d étapes avant d accéder au contenu est quelque peu déroutant, surtout en ce qui concerne la version HTML. Page d accueil HTML Page d accueil FLASH Conseil Service Galerie Contact Nos plus Conseil Service Galerie Contact Ces parties sont communes, c est à dire que la version FLASH renvoie sur des pages HTML, ce qui est un peu dommage, compte tenu des possibilités offertes par un logiciel comme FLASH. Les concepteurs auraient ainsi pu soigner l aspect graphique de la galerie. 10

Rubriques du site «DIMSON» : Page d accueil Accueil Productions Evènements Multimédia Prestations Contact Communic acteurs La page d accueil intègre dans une page HTML une animation FLASH. Par contre le contenu de la rubrique «Accueil» ne renvoie pas à cette même animation mais aux coordonnées de l entreprise «DIMSON». Nous constatons donc ici un problème de répartition de l information car ces dernières seraient sûrement mieux placés sous la rubrique contact. Intro Activités Exemples Référence Contacts La rubrique «communic acteurs» est sûrement la plus intéressante du site dans le sens où elle reflète une certaine personnification. Elle renvoie à un mini site composée de 5 sous rubriques. Cependant, nous ne savons pas si les «communic acteurs» sont des partenaires ou le personnel de DIMSON. 11