Benchmark graphique. Projet de site portail. Auteur : Julien Amblard. Référencement des écoles et des formations graphiques

Transcription

1 Benchmark graphique Projet de site portail Référencement des écoles et des formations graphiques Auteur : Julien Amblard

2 Référencement des écoles et des formations graphiques Projet de site portail Benchmark graphique Auteur : Julien Amblard amblard_julien@hotmail.fr 2/20

3

4 1. Avant propos Analyse Analyse AFJV Analyse annuaire-graphique Analyse studyrama Analyse emagister Analyse orientation Bilan Recommandation /18

5 AVANT PROPOS Le projet consiste à mener à terme un site portail qui a pour mission de recencer toutes les écoles de graphisme dans toute la france. Son but, est d'aider, d'accompagner, d'aiguiller et de faciliter tout étudiant qui cherche a demmarer ou continuer leur formation de graphiste professionnelle, ils disposeront de toutes les informations utiles et nécessaires sur toutes ces écoles.le site mettra à disposition des outils pratiques pour tenir linternaute au courant des evenements lier à sa recherche. Ainsi l'internaute avancera avec beaucoup plus de facilité dans sa recherche, le site lui donnera le sentiment d'etre epauler et suivit dans son activité. La cible est assez jeune, elle part de 16 a 28ans voire plus, on parle de collegiens, lyceens, ou meme professionels en reconvertions.il sagit d'adolescents,de jeunes adultes passionnés et interessés par les arts le graphisme et multimedia. Pour accrocher cette cible, la charte graphique du site se devra d'etre graphique, sexy et accrocheur. La naviguation devra etre facile et pratique, rapide et efficace par la presence d'un moteur de recherche et d'une ergonomie, agreable, simple et pertinente. 5/18

6 Benchmark graphique du projet : site portail des formations graphiques 6/18

7 7/18

8 Ergonomie Informations Design Une fois dans la rubrique annuaire la recherche est tres simple et rapide. Les informations sont tres claires, elle listent toutes les ecole qui forment au metier de l animation 3D, elles fournissent aussi un pdf en rapport avec les écoles. Seul le menu style web 2 est interressant et sort du reste du site L ergonomie de la page d acceuil est quasi nule, on se demande sur quel site on est, et ou aller pour trouver les ecoles que l on recherche. L internaute aura tendance à quitter le site internet en pensant qu il s est trompé de lien. Absence de moteur de recherche qui est pourtant tres utilisé par les internautes Le design est vieux et ennuyeux, il rappelle le style web1 utiliser dans les debuts d internet. seul le menu ressort et n est pas du tout en coherence avec le reste du site. Les couleurs sont mal choisies 8/18

9 9/18

10 Benchmark graphique du projet : site portail des formations graphiques Ergonomie -Le menu est simple agreable et intuitif. -Navigation rapide donc performante. -Absence de newletter, de principe de fidélité. L internaute a de grande chance d oublier son passage sur ce site, et donc ne repassera pas par là. Informations L information fournit est tres clair, simple et interressante. elle cible directement les ecoles de graphisme, 3D et multimedia. -L absence de moteur de recherche est regrettable car cet outils est tres souvent utilisé par l internaute experimenté. Design tres graphique, il y a un réel effort de design cependant un peu trop personel Le design est trop personnel, il ne convient pas du tout pour un site annuaire qui est sencé plaire a un plublic tres large qui ne partagera pas forcement les gouts du webdesigner. 10/18

11 11/18

12 Benchmark graphique du projet : site portail des formations graphiques Ergonomie -La presence de nombreuses rubriques permet une recherche tres large. -Le site est leger donc l affichage est rapide Informations Design -site très complet, beaucoup d information, l internaute devrait trouver ce qu il recherche -un design très épuré, ce qui convient parfaitement pour un site portail. On hésite à cliquer sur le menu en haut ou celui qui se trouve à gauche, alors que ceux-là sont finalement les mêmes. La typographie est mal choisie, elle se confond avec le reste des informations. -Site entièrement en html, accessible à tous les utilisateurs. Mauvaise visibilité du menu. Peu intuitif. On ne sait pas où regarder, l oeil se balade trop vers les bannières publicitaires avant de s arrêter sur le menu, 12/18

13 13/18

14 Benchmark graphique du projet : site portail des formations graphiques Ergonomie -Le moteur de recherche ressort du reste du site. -La navigation est rapide. Informations Design -La quantité d information est conséquente, l internaute a de forte chance de trouver reponse a sa demande. -Un design épuré (trop?) on ce rend tout de suite compte que nous sommes sur un site annuaire. -Trop d informations à la fois.l internaute risque d etre perdu lorsqu il se retrouve devant une quantité importante d informations en une seul fois et ce dirigera par decouragement vers un autre site. -Code couleur triste, fade voir meme absente cependant pour un site annuaire ceci peut ce reveler etre un atout, mais ici il y a un réel manque de couleurs. -Le menu de formation est clair. -Nombreux filtres. -Peut intuitif.. 14/18

15 15/18

16 Benchmark graphique du projet : site portail des formations graphiques Ergonomie Informations Design -La navigation est rapide. -logo type représentatif. -des spots vidéos des établissements. Ce qui donne a l utilisateur un apercut direct des l etablissements -moteur de recherche. - le site est assez fournit, on a accés a beaucoup de contenu ce qui le rend assez efficace. Le design est simple, on comprend tout de suite que nous sommes dans un site annuaire, donc le design est bien choisi. -Intuition quasi nulle : où cliquer, où sommes nous? -Le menu est trop vague, on se perd et on ne sait pas où allez chercher. -Code couleur trop triste. Le bleu choisi est fade, l internaute risque de s ennuyer et chercher sur un autre site qui sera graphiquement plus acceuillant -Mauvaise ergonomie, site trop carré, on est enfermé dans le centre. Absence de favicon. 16/18

17 BILAN Le bilan de tous ses sites concurents est assez mitigé. Pour commencer un point positif et commun a la quasi-totalité des sites, ils disposent tous d un moteur de recherche, visible et avancé, ce qui permet a l internaute de se lancer directement dans sa recherche sans avoir a passer au préalable par toutes les rubriques du site. c est un gain de temps tout aussi pratique qu agreable. Il sera indispensable pour le projet de disposer d un moteur de recheche tout aussi intuitif que performant. Pour certain, le graphisme est trop simple voire même inéxistant, on se retrouve envahi par une vague d informations sans forcement savoir ce qu on nous dit vraiment, l ergonomie est confuse la taille des polices est rarement hierarchisée, l oeil de l internaute se balade bien trop longtemps avant de se poser enfin sur le menu et ces rubriques. Cependant sur certain site tel que l étudiant le graphisme est visible accrocheur et intuitif. Le code couleur de tous ces sites se rejoignent vers le bleu, une couleur trés fade et assez triste. Le bleu est une couleur froide une couleur dominée plutôt que dominante elle ne met pas du tout le site en valeur et nous laisse seul, face a une avalanche de texte sans rien structurer. 17/18

18 RECOMMANDATIONS La construction doit ce resumer en 3 mots: _simplicité _intuitivité _ergonomie Le site sera constitué d une identitée visuelle évocatrice design et performante. Le menu constitué d un minimum de catégorie principale, qui ouvrira vers des sous catégories plus détaillées. suite a ces rubriques, les écoles en rapport avec la recherche seront présentées de façon aérée, claire et compréhensible.on y trouvera toutes sortes d informations utiles : situation géographique de l école, formation proposée, prix de la formation (pour les etablissements privés) brochure pdf de l école, détail de leurs programmes, liens direct avec l école, avis des élèves, forum. Les utilisateurs auront la possibilité via l inscription au site, de recevoir des newsletters des évènements des écoles dont ils sont interessés (porte ouverte, concours...) Il faut que seulement 3 cliques suffisent a l utilisateur pour se retrouver sur une page de resultats qui correspond a son attente et qu il sache ou cliquer sans même s en rendre compte, qu il soit face a toutes les informations éssentielles de l école Le code couleur s orientera vers les couleurs chaudes, des couleurs accueillantes sans pour autant étre trop présente et nous enfermer dans le site. comme précédemment vue les couleurs froides telles que le bleu sont trop sobre et ne hiérarchisent plus du tout le site c est pour cela que les couleurs devront construire sans être trop imposante. Il sera important que l internaute dispose d un outil de recherche lié au site ; qui disposera d une option de recherche avancée par un systeme de filtres et de classements. L outil de recherche doit étre grand et visible pour que l utilisateur le trouve instantanemment. A la demande de certains établissements, le site pourra mettre en ligne differentes vidéos de présentation des formations proposées. 18/18