Création site web 1

Principe du Web

mobilité / Social / Local / Connectivité / Web Sémantique / Expérience utilisateur / Mobile Friendly

Pour une recherche internet par exemple, si un internaute demande à son ordinateur de commander une pizza, celui-ci sera en mesure de sélectionner une pizzeria qui propose la livraison à domicile, située à proximité, en intégrant les avis clients et de passer automatiquement une commande selon ses goûts habituels en organisant la livraison.

Quelques statistiques

Cahier des charges :

Expression des besoins > Rapport de synthèse

Informations générales sur votre entreprise

  • Nom de votre entreprise ?
  • Qu’elle est votre secteur d’activité ?
  • Pouvez-vous nommer cinq termes qui résume au mieux, votre activité ?

Outils de communication

  • Quels sont vos besoins en termes de communication et de quoi votre entreprise a-t-elle besoin pour mieux communiquer ?
  • Quels sont les outils de communication dont vous disposez ?
  • Cartes de visite, Plaquettes entreprise, Flyers, Catalogue, autres… ?

Objectifs du site

  • Quels sont les objectifs primaire et secondaire de votre site Internet ?
  • Accroître la visibilité de votre entreprise sur le Web ?
  • Vendre des produits, des Services, Conseiller votre clientèle, Réduire vos coûts de communication ? autres… ?

Contenus

  • Quel message souhaitez-vous diffuser ?
  • Quels médias seront utilisés : Texte, Images, Vidéos, Flash… autres ?

Identifier la clientèle

  • Á qui s’adresse votre site ?
  • Quelles sont vos cibles ?

Analyser de la concurrence

  • Qui sont vos concurrents directs et indirects dans la vie réel ?
  • Sur le Web, comment sont-ils positionnés ?

Préparation du Budget

  • Quelles sont vos contraintes budgétaires ?

Date de mise en service du site

  • Quelle est la date souhaitée de la mise en ligne du site Internet ?

Eléments et règles de conception

  1. Allez droit au but en 3 (2 si possibles !!!) clics
  2. Optimiser l’accessibilité sur les différents devices (responsive)
  3. Un menu simple (menu horizontalement en haut ou verticalement à gauche,  4 à 7 éléments, menu secondaire, évitez le scroll, textes clairs et concis, sans redondances, éléments cliquables en respectant une uniformité…)
  4. Adapter les contenus à votre cibles (Une chose simple pour vous ne l’est pas forcément pour votre interlocuteur. Une des règles phares en ergonomie web est de se mettre dans la peau de votre visiteur.)
  5. Design sobre ! (Ne pas surchargez pla homepage – SEO – écrivez pour les internautes et non pour les moteurs, charte graphiques et couleurs – ergonomie – police lisible, images percutantes mais rapides à charger, homogénéité – couleurs – et aussi – structure redondante -).
  6. Respectez les standards, attention à l’originalité (Vous n’êtes pas Amazon ou Facebook !!!)
  7. Hiérarchie d’information / Balise titres (titres, sous-titres, paragraphes dans vos articles, puces et/ou numérotations / couleurs personnalisées, liens identifiables instantanément, ligne de texte de 90 caractères maxi sous peine de lasser le lecteur, une police d’écriture parfaitement lisible)
  8. Faites des tests avec des profils différents
  9. Facilitez la navigation de vos visiteurs (L’ajout d’un sitemap – SEO – d’un fil d’ariane, retour accueil, …)
  10. Des liens parlants et ciblés à juste titre (Qu’ils soient textuels ou visuels, les liens doivent impérativement être en rapport avec la page qu’ils pointent – SEO – )
  11. Tester votre site sous diverses plateformes et devices
  12. CREER UN SITE QUI DONNE CONFIANCE

8 règles à respecter => lien

C’est quoi une charte graphique ? A quoi bon ?

  • Assurer la cohérence graphique entre les différents supports de communication
  • Donner une bonne première impression aux visiteurs du site en captant leur attention
  • Engager les prospects
  • Se distinguer de la concurrence
  • Donner forme à un positionnement stratégique

Les divers éléments d’une charte graphique :

  1. Le logo : Il s’agit de l’élément central de l’identité visuelle, aussi la charte web doit-elle définir avec précision ses proportions, sa place exacte sur le site ainsi que ses dimensions.
  2. La typographie : La police d’écriture du site web joue également un rôle majeur dans la communication visuelle.
  3. Les couleurs : Le choix des couleurs permet de transmettre des messages différents aux visiteurs du site, en fonction du cœur de métier de l’entreprise, en fonction de son positionnement : dynamique, tonique, technologique, consumer friendly, élégant, doux, sobre, accrocheur… les possibilités sont illimitées !
  4. Les images : une image peut dire beaucoup ! Header, footer, page produit, page contact, page présentation entreprise, équipe… une charte graphique de site web réussie prévoit une utilisation pertinente des images en fonction de ce que souhaite communiquer la marque.
  5. Les icônes : ne sont pas à négliger, loin de là car ces petits éléments visuels parlent aux visiteurs d’un site. L’icône “accueil” est connue du plus grand nombre comme d’autres d’ailleurs : Facebook, Twitter, LinkedIn, €, Paypal, “panier”, “rechercher”…

Détail d’une charte graphique => lien // Exemple charte ARTE // Université de Lorraine

Fonctionnalités & Ergonomie

  1. Fournir du contenu de qualité
  2. Navigation simple et intuitive
  3. Un design réussi
  4. Fonctionnalités



Lire aussi les articles suivants :