Projet numéro 2454 : "CHARTE GRAPHIQUE LOGO PICTOGRAMMES"
(9.69/10)Le bandeau du site existe déjà, voir fichier explicatif joint. Il peut être modifié mais en respectant les éléments qui donnent déjà satisfaction :
La charte graphique devra s’inspirer autant que possible de ces éléments et faire en sorte qu’elle dégage une impression d’unité.
Le visiteur doit se sentir en confiance, ambiance zen, pas de couleur ni forme agressive.
Le site doit donner au visiteur l'impression qu'il y a des hommes et femmes en chair et en os derrière le site et pas une machine. Humaniser le plus possible.
Utiliser des illustrations qui évoquent la vie de manière générale, nature, végétaux, eau ...
Textes autres que titres et repères sur fond blanc exclusivement.
Quelques effets visuels, mais pas trop pour ne pas détourner l’attention.
Ne pas faire attendre l’internaute, donc pas de trop grosses images lourdes à charger.
Les différente pages seront identifiées et repérées par un pictogramme qui se déclinera sous deux tailles, une assez grande sur la page elle-même, une plus petite mais quand même lisible sur les boutons qui permettront d’accéder à la page.
Les différents éléments graphiques (bandeaux, pictogrammes, photos) devront manifester une certaine unité dans les formes et couleurs.
Logo au format svg.
Quelques pistes jugées intéressantes :
Décliner la goutte d’eau, par exemple pour les boutons.
Pour éviter de donner trop d’importance à une illustration, faire un dégradé entre l’illustration et le texte associé.
Page accueil
C’est la seule page qui est à développer entièrement. Les autres seront déclinées à partir de cette page par le développeur du site.
L’objectif est de faire en sorte d’éviter que l’internaute qui va tomber sur la page passe à autre chose. Il faut donc qu’il trouve quelque chose qui l’accroche et qui l’intéresse. Le message doit passer en un minimum de temps et pour cela le graphique est un bon moyen : « Un petit dessin vaut mieux qu’un long discours »
La page d’accueil c’est un peu comme un diaporama avec un message par diapo, sauf que les diapos, au de lieu de s’afficher les unes après les autres, s’affichent les unes en dessous des autres quand on descend avec le navigateur.
Sur le haut de la page (1ère diapo), le message à faire passer de manière essentiellement graphique est que l’internaute peut :
Il faut aussi mettre en valeur que les points 1 et 2 sont totalement gratuits.
2ème diapo : la liste des syndromes, présentés avec un picto par syndrome. Le picto est sensé illustrer le syndrome mais de manière positive. Par exemple le picto de la dépression pourra représenter des fleurs colorées, le picto de l’insomnie, un lit accueillant, etc. …
3ème diapo : Les FAQ
4ème diapo : Le plan du site, infos légales, etc. …
A partir de la 2ème diapo, il n’est pas nécessaire pour le graphiste de se préoccuper de la mise en page puisque le développeur du site aura à la faire de toute façon, à la différence de la première diapo où il y a un réel travail de créativité artistique à faire.
Pied de page avec un lien vers « mentions légales », « conditions d’utilisation », « la charte »
Style assez dépouillé (façon Google)
Pages syndrome.
La page existe déjà et est à améliorer. Ajouter des illustrations dans les espaces disponibles. Prévoir une dizaine de photos ou dessins qui seront affichés de manière aléatoire pour les différents syndromes.
Un pictogramme pour la partie Info, un autre pour la partie questionnaire.
Deux niveaux de détail sont accessibles sur la partie info. Le deuxième niveau donne des informations plus « savantes », à suggérer par un pictogramme adéquat.
Les Pages "dialogue" :
Affichage de conseils, invitation à poser une question payante, ...
Définir une charte pour ce type de page et la décliner, avec une exception à la directive « zen » pour le dialogue « alerte, consultez ». Ce dialogue devra bien mettre en avant le caractère d'urgence de la consultation.
Lundi 27 décembre : Sélection de 4 prestataires pour réalisation d’un avant-projet rémunéré 200€. Les propositions attendues porteront sur la diapo 1 de la page d’accueil, sur le logo, et sur trois ou quatre pictogrammes de syndrome. Il n’est pas nécessaire que la réalisation soit à ce niveau bien finie. Il faut simplement que l’on puisse se rendre compte de l’effet rendu. Chaque prestataire pourra faire autant de propositions qu’il le désire.
Lundi 3 janvier : Choix du prestataire pour la suite de la réalisation (1000€ en plus des 200€).
Lundi 17 Janvier : Fourniture des fichiers permettant l’intégration au site.
Lundi 24 Janvier : Finalisation suite aux remarques et demandes qui auront été émises.
Commentaire de l'administrateur :
Nature du projet : Ce projet est