IFOSUP Wavre | Webdesign | Ergonomie et Communication Web - Gérard Barmarin | Exercice de Synthèse - Site Client

Exercice de Synthèse - Site Web pour une Maison d’Hôtes en Corse - Stephane et Joëlle De Rocca Serra

Les exercices détaillés

• Ex.12.0 - Le rôle de chacun au sein de votre petite entreprise de design web:

  • Françoise Paternoster - commercial
  • Florence Delelet - graphiste/archiviste(légendes)
  • Stéphane Vander Biest - archiviste/rédacteur web(les activités et les spécialités hormis les légendes)/commercial remplaçant
  • Christophe Van Maercke - codeur/coordinateur remplaçant
  • Jules Vosters - coordinateur

• Ex.12.1 - Création de la maquette:

  • Sujets à aborder avec le client:

    • Quel est/sont le(s) sujet(s)/produit(s)/objectif(s) ? S'ils sont pluriels, hiérarchiser!
    • Comment le client voit son entreprise ? Message à faire passer ?
    • Quel est le public cible ?
    • Charte graphique fournie par le client (logo, police, code couleur, ...) ?
    • Images ou vidéos fournies par le client ?
    • Pour les deux points précédents faire attention aux droits d'auteur!
    • Contenu écrit fourni par le client ? Préciser que celui-ci sera modifié pour être adapté au web!
    • Le client désire-t-il des fonctionnalités particulières autres que le formulaire de contact ?
    • Des exemples de sites appréciés par le client (idéalement des sites réalisés pour un sujet similaire) ?
    • Possibilité de mettre à jour du contenu par le client ?
    • Site multilingue ? Lesquelles ?
    • Accompagner le client dans le choix du nom de domaine et son extension (rester cohérent, éviter les extensions hors sujet ou trop exotiques)!
    • Parler des coûts annuels (hébergement et nom de domaine).

  • Résumé des échanges avec le client:

    • Objectifs: Habituellement les clients des hôtes ne restent que le temps d'un week-end. Nos clients souhaitent que ces derniers restent plus longtemps (idéalement 3 jours) pour avoir le loisir de découvrir la "vraie" Corse (montagnes, forêts, maisons en pierre, le drapeau, canif qui coupe le saucisson en rondelles, etc.) - rencontrer la vraie Corse, l'authentique, la nôtre.
    • Atteindre l'objectif: Proposer des packs d'activités locales (voir structure du site/pages/activités) pouvant couvrir 3 à 4 jours - la Corse se visite à pieds.
    • Informations pratiques:
      • Site de la région: alta-rocca-tourisme.com
      • Site de la commune: levie.fr
      • Site pour les réservations: maison-hote.fr
      • Langues du site:
        • français: langue principale.
        • italien: langue maitrisée par les hôtes.
        • anglais: les hôtes se débrouillent.
        • allemand: les hôtes sont attachés à leurs nombreux clients allemands mais ils ne parlent pas leur langue => préciser cette information quelque part sur le site.
      • Gestion des repas:
        • Petit déjeuner compris (à vérifier lors d'un prochain entretien).
        • Les hôtes proposent de préparer un repas pour le soir (25€/personne, organisé à la demande), 1 à 2 fois par semaine. Les repas sont principalement préparés avec des produits issus de la propriété (légumes, cochon, confiture, pain à la farine de châtaigne).
        • Pour profiter de repas de qualité en dehors de la propriété, il faut se rendre dans d'autres villages situés à 20/30 minutes de route en voiture.
      • Divers: Pas adapté pour les personnes en situation de hadicap

  • Structure du site:

    • Entête

      • logo + nom
      • navigation
      • numéro de téléphone ?
      • bouton réservation (dirige vers le site maison-hote.fr) ?
      • lien tripadvisor ?

    • Pages

      • Accueil:
        • Slider images (la région, hebergement intérieur/extérieur, les cochons) OU image du village ?
        • Slogan lié à l'objectif
        • Une courte présentation du couple
      • Activités:
        • Carte de la région/commune avec le gîte au centre et les activités à proximité
        • Proposition des Packs couvrant 3 à 4 jours
        • Randonnées/promenades(pozzines, forêt de châtaigniers, maquis, le mont "machin" ?)
        • Musées, sites archéologiques, etc.
        • Villages voisins
        • (Les hôtes n'organisent pas d'activités mais Stéphane de Rocca Serra ne serait pas contre de laisser les enfants nourrir ses magnifiques cochons noirs à longues pattes...)
        • ...
      • Culture:
        • Spécialités culinaires (pas oublier ses beaux cochons trop parfaits hein!)
        • Folklore/légendes
        • ...
      • Hébergement:
        • Le cadre
        • La maison
        • Les chambres:
          • photo(s)
          • nombre de personnes max
          • surface
          • lit(s)
          • sanitaires
          • jardin/terrasse
          • horaires d'arrivée/départ
          • prestations disponibles: "wifi, petit déjeuner et repas du soir" (repas/25€ par personne)
          • prix pour un temps de séjour conseillé de 3 nuits
      • Contact:
        • Formulaire
        • Téléphone
        • Google map

    • Pied de page

      • Copyright
      • Mentions légales

  • Outils utilisés:

    • crayon/feuille
    • Photoshop
    • Illustrator
    • Visual Studio Code
    • Wamp
    • FileZilla
    • téléphone
    • Teams

  • Format de la maquette

    Site Web

    • Avantages

      • Intéractivité
      • test en situation réelle sur tous supports
      • Confronté aux réalités de production (on ne proposera pas une maquette qui ne pourra pas être réalisée pour des raisons techniques auquelles nous n'aurions pas pensées)

    • Inconvénients

      • Plus long à réaliser/modifier qu'avec d'autres techniques
      • Si la maquette/site convient au client après la première présentation, il risque de trouver le prix du site anormalement élevé pour son temps de production

  • La Maquette:

    U Fragnu Di Perruccio

• Ex.12.2 - Modifications à apporter après la présentation de la maquette au client:

  • Problème:

    Les couleurs pastel non représentatives de la région.

    Solution(s):

    Utiliser des couleurs vives faisant réferences aux couleurs présentes dans les fôrets de chataigniers.

  • Problème:

    Trop d'espaces vides... cette région de Corse, c'est la brousse, il faut une hachette si l'on désire s'éloigner des sentiers.

    Solution(s):

    Modifier l'affichage des petites photos circulaires en les affichant sur toute la largeur de l'écran, une boîte légerement transparente avec le texte disposé par dessus.

  • Problème:

    Arrivé sur la page d'accueil, le message concernant l'objectif principal n'est pas clair.

    Solution(s):

    Choisir une meilleures photo d'accueil, par exemple: des gens faisant de la randonnée dans la région. Ajouter un call to action explicite ciblant les programmes proposés pour les séjours. Ajouter une phrase d'accroche en introduction faisant référence à l'activité principale...

  • Problème:

    On ne reconnait pas le drapeau corse dans le logo

    Solution(s):

    Inverser les couleurs pour le visage (passer du blanc au noir), ajouter le bandeau typique...

  • Problème:

    La forme du texte est plate.

    solution(s):

    Ajouter des couleurs. Utiliser une famille de police supplémentaire pour les titres. Jouer avec les tailles, la graisse, ...

  • Problème:

    Le zoom de google map n'est pas pertinent.

    Solution(s):

    Modifier le zoom pour mettre la localisation dans un contexte. L'augmenter pour mettre le lieu en perspective avec les petits villages et activités aux alentours ou le diminuer pour situer la région en Crose.

  • Problème:

    Le site des légendes corses est trop vaste.

    Solution(s):

    Trouver un site qui parle uniquement des mystères et légendes de la région.

  • Problème:

    Pas suffisement d'élements graphiques.

    Solution(s):

    Ajouter des icones pour accompagner les divers propos (un cadran indiquant une couleur en fonction de la difficulté des promenades, une petite horloge pour le temps que prennent les activités, ...).