VitrineTOURISTIQUE

Mobile, Tablette et PC

...Oytier saint Oblas un village historique mais pas que !

ux design / r&d

...Quelques données pour comprendre le projet.

Brief projet

Créer un site web pour promouvoir les activités culturelles du village de Oytier St. Oblas. On nous demande de créer un site qui respecte visuellement l’identité de la ville avec un certain nombre de fonctionnalités. Le village souhaite être en mesure de mettre à jour le contenu de son site sans avoir à faire appel à un prestataire dans le futur.

  • Le site possèdera une page d’accueil, essentiellement graphique, avec un peu de texte, qui souhaite la bienvenue au visiteur et lui indique ce que l’on peut trouver sur le site. Des liens sont prévus pour accéder aux autres pages dans le corps de l’accueil. Un encart affichera un aperçu de la dernière actualité postée par la ville.

  • Un menu de navigation en haut de la page doit suivre le visiteur lorsqu’on va plus bas dans la page. Ce menu doit contenir les éléments suivants dans l’ordre : Accueil (avec une icône de maison à gauche du texte),  Actualités, Plus d’infos, Activités du mois, Contact

  • La page « Actualités » affichera la liste des billets d’actualité (5 par page), ils seront tous postés au nom de la ville.

  • La page « Plus d’infos »  doit contenir quelques éléments détaillant les différents types d’activités culturelles organisées (musée de la ville, marathon… Il doit être possible d’indiquer le nom de l’activité, une description et une image.

  • La page « Activités du mois » liste au moins 10 activités à venir dans le mois sous forme de tableau (avec date, titre et court descriptif). Un bouton « Inscription » à droite de chaque ligne du tableau ouvre un formulaire permettant de saisir son nom. Une fois le formulaire envoyé, la mairie reçoit un email indiquant qu’une personne dont le nom est X s’est inscrite à l’événement Y.

  • La page « Contact » affiche un formulaire de contact structuré avec les champs « Titre du message », « Votre nom », « Votre date de naissance », « Votre e-mail », une case à cocher « Résident de la ville », un menu déroulant « Nationalité » et un champ « Message » où on peut rédiger son message. L’envoi du formulaire provoque l’envoi d’un email à destination de la mairie.

  • Dans le pied de page, un lien permettra d’accéder à la page d’administration du site pour les services de la mairie.

  • Les actualités, le contenu de la page « Plus d’infos » et la liste des activités du mois doivent être  modifiables directement par les services de la mairie. Celle-ci a besoin d’un compte administrateur, de 2 comptes ayant le droit de publier des articles et de 3 comptes pouvant soumettre des articles mais pas les publier.

3 Personas / 3 storyboards

2 touristes, 1 archéologue

Connectivité

PC47%
Tablette49%
Smartphone9%

Âges des utilisateurs

54%
+40 ans
29%
-30 ans

Profils sociologique

Parité Hommes/Femmes
46%
Niveaux Bac +3 et plus
45%

Tests utilisateurs

4 touristes

Résultats des tests

  • Refaire le formulaire pour l'activité archéologie
  • Augmenter l'affordance
  • Supprimer le menu rétractable en version mobile et tablette

Mockups

Responsive

  • Version mobile
  • Version desktop
  • Version tablette

Page inscription

Page événements

+ De fonctions...
  • Google Map
  • Inscription et réservation en ligne
  • Contraste élevé
  • Audio-description

La page infos

la page actu