1.1 Définir les objectifs

Un site web doit répondre à un objectif clair :

• Informer → site institutionnel, site d’association.
• Vendre → site e-commerce (Amazon, Fnac, petites marques locales).
• Promouvoir → site vitrine d’un photographe ou d’une agence.
• Fidéliser → blogs, newsletters, plateformes communautaires.

Exemple concret : EDF → le site permet d’informer sur les offres et de gérer les abonnements en ligne.

1.2 Identifier la cible

• Création de personas : profil type des utilisateurs du site.
• Exemple :
  • Salle de sport → étudiants, jeunes actifs, familles.
  • École de commerce → lycéens et parents.

1.3 Construire l’arborescence et penser l’ergonomie (UX)

• Arborescence : organisation logique des pages. Exemple : Accueil → Services → Tarifs → Contact.
• Ergonomie (UX) : expérience utilisateur. Le site doit être intuitif, rapide et agréable.
• Exemple : SNCF Connect → navigation centrée sur l’achat de billets.

1.4 Créer une identité visuelle

• Charte graphique : logo, couleurs, typographies.
• Cohérence avec l’image de marque et le message à transmettre.
• Exemple : site de La Poste → couleurs, logo et pictogrammes uniformes pour l’ensemble des services.

1.5 Outils et techniques

• CMS (Content Management System) : WordPress, Joomla, Drupal, PrestaShop.
• Hébergement : OVH, Infomaniak (avec options vertes pour éco-conception).
• Langages : HTML (structure), CSS (design), JavaScript (interactions).

Activité 1 (10 min) :

En binôme : analyse d’un site local (restaurant, club sportif, mairie) pour identifier :

1 Objectif du site 2 Cible 3 Arborescence principale.