la thématique a24
la mise en situation
Dans un futur où une entreprise géante menace de monopoliser les transports mondiaux avec des véhicules autonomes ennuyeux et prévisibles, une équipe d’étudiants québécois, vous, se dresse pour redéfinir la mobilité. Leur mission : concevoir un service de transport ou de voyage qui offre bien plus qu’un simple trajet d’un point A à un point B. Bienvenue dans un monde où chaque voyage est une aventure unique, reliant des environnements aussi divers que fascinants !
Imaginez-vous traverser des océans sous l’eau, glisser sur la surface des mers, sillonner les cieux, parcourir les routes terrestres, ou même voyager dans l’espace. Leur solution révolutionnaire repose sur une flotte de véhicules extraordinaires. Grâce à un site web interactif, réactif et visuellement époustouflant, vous devrez promouvoir votre vision d’un transport fonctionnel et exaltant.
#1 Fonctionnalités de base
Minimum requis pour une mise en ligne fonctionnelle avec les éléments indispensables pour présenter les bases de votre entreprise.
(Optionel 5️⃣) Le site doit avoir 3 états complets, soit une déclinaison mobile, une tablette et une pour desktop.
En tant que visiteur du site de transport, je souhaite accéder à la page d’accueil, afin de découvrir rapidement les informations les plus importantes sur le site.
critères d'acceptation
- En arrivant sur la page d'accueil, je devrais voir une introduction captivante du service de transport extraordinaire, mettant en avant ses fonctionnalités clés et les types d'aventures disponibles.
- Les logos ou visuels de partenaires importants devraient être affichés sur la page d’accueil.
- La page d'accueil devrait être conçue de manière ludique et intuitive, facilitant la navigation vers les sections de réservation, d'informations sur les véhicules et autres pages à suivre.
contenu à produire
- 6 partenaires fictifs
- (optionel sauf 5️⃣) 8 partenaires fictifs
objectif
Créer une page d’accueil engageante qui attire les utilisateurs et les incite à explorer les diverses options de transport fantastique disponibles, tout en facilitant l’accès aux informations clés pour l’utilisateur
En tant que visiteur du site de transport fantastique, je souhaite pouvoir voir les différents moyens de transports disponibles afin de comparer les options et choisir celle qui correspond le mieux à mes besoins d'aventure.
critères d'acceptation
- Lorsque j'arrive sur le site web, il devrait y avoir un lien vers une page dédiée aux différents types de moyens de transports.
- Une section dédiée au « Transport en vedette » devrait être présentée, mettant en avant un moyen de transport particulier avec une brève description et un lien vers une page dédiée à ce dernier.
- Chaque moyen de transport devrait être représenté par une image ou une illustration attractive, accompagnée d’un titre descriptif.
- En cliquant sur l’image ou le titre d’un moyen de transport, je devrais être dirigé vers une page détaillée qui offre des informations complètes sur les caractéristiques, les avantages, et les spécifications techniques de ce moyen de transport.
- Les informations sur chaque moyen de transport devraient être organisées de manière claire et concise, avec des informations sur les prix et les options de réservation.
contenu à produire
- 4 moyens de transports fantastiques avec photos générés par l'IA
objectif
Fournir aux visiteurs toutes les informations nécessaires pour comparer les moyens de transports fantastiques et prendre une décision éclairée en fonction de leurs besoins d'aventure.
En tant qu’utilisateur du site de transport fantastique, je souhaite pouvoir réserver un transport via un formulaire intuitif afin de planifier facilement une aventure unique en son genre.
critères d'acceptation
- Lorsque j’arrive sur le site web, je devrais voir une option claire et bien visible pour Réserver un voyage ou un transport.
- En cliquant sur cette option, un formulaire de réservation devrait s’ouvrir, me permettant de fournir mes coordonnées, y compris mon nom, adresse e-mail, numéro de téléphone, le type de moyen de transport, la date souhaitée pour le voyage et au moins deux autres champs supplémentaires.
- Une fois que j’ai soumis ma réservation, un message de confirmation devrait s’afficher, indiquant que ma demande a été reçue avec succès, et que je serai contacté pour les détails du voyage.
- Une notification par e-mail devrait également être envoyée à l’équipe du site web, les informant de la nouvelle réservation, incluant les informations que j’ai fournies dans le formulaire.
- (Optionel sauf 5️⃣) Le formulaire devra être en étapes et organisé de façon logique et clair. Les étapes guideront l’utilisateur à travers le processus de réservation.
objectif
Permettre aux utilisateurs de réserver facilement un voyage extraordinaire via un formulaire simple et efficace, leur offrant ainsi une expérience fluide et personnalisée.
En tant qu’utilisateur préparant mon voyage fantastique, je souhaite pouvoir voir les options de personnalisation les détails de mon expérience de voyage afin de rendre mon aventure encore plus mémorable et adaptée à mes préférences personnelles.
critères d'acceptation
- Options de personnalisation accessibles
La page de réservation ou une autre page à part entière de personnalisation qui me présente les diverses options pour améliorer mon voyage. Par exemple, le choix de l’ambiance musicale, une sélection de collations et de boissons, l’ajout d’activités à bord, etc. - Interface interactive et intuitive
La section de personnalisation devrait être présentée sous forme d’une page interactive, claire et attrayante, utilisant des éléments interactifs comme des cases à cocher, des sélecteurs, et des icônes illustratives pour faciliter la sélection.
contenu à produire
- Un minimum de 4 options expliquées avec des choix
- (optionel sauf 5️⃣) Un minimum de 6 options expliquées avec des choix
objectif
Offrir aux utilisateurs une expérience de voyage unique et sur mesure en leur permettant de personnaliser divers aspects de leur trajet de manière simple et ludique. Cette fonctionnalité vise à accroître l’engagement et la satisfaction des utilisateurs, en transformant chaque voyage en une aventure véritablement adaptée à leurs envies et besoins.
En tant que professeur supervisant le projet, je souhaite pouvoir savoir qui a fait quoi dans le projet afin de faciliter la correction de manière juste et équitable.
critères d'acceptation
- Un lien vers une page dédiée aux crédits du projet doit être inclus dans le pied de page du site.
- Sur cette page des crédits, toutes les contributions individuelles au projet doivent être soigneusement détaillées. Cela inclut une liste des membres de l’équipe, leurs rôles, et les parties spécifiques du projet sur lesquelles ils ont travaillé.
objectif
Fournir aux professeurs un moyen efficace et rapide de distinguer les contributions individuelles au sein du projet, facilitant ainsi une évaluation juste et équitable.
En tant qu’utilisateur je m’attends à visiter un site dynamique avec des éléments interactifs, afin d’améliorer l’expérience de ma visite.
critères d'acceptation
- Le site web doit avoir des animations au défilement de la page qui viennent agrémenter et dynamiser la navigation de la page.
- Dans la version mobile, je dois être en mesure d’ouvrir un menu de navigation.
- Au besoin, pour afficher plusieurs éléments vous devriez utiliser un carrousel.
- (Optionel sauf 5️⃣)Tous les éléments interactifs doivent avoir des effets de survol utilisant des techniques de CSS avancées.
objectif
L’objectif de cette user story est d’offrir une expérience plaisante, vivante et ergonomique en lien avec les interactions de l’utilisateur sur le site.
En tant qu’administrateur du site de moyens de transport, je souhaite avoir la capacité d’exécuter les tâches suivantes sur le site :
critères d'acceptation
-
Gestion des moyens de transports
Afin d’informer les usagers des différents moyens de transports existant, je devrais pouvoir en ajouter facilement incluant leurs caractéristiques et autres informations pertinentes. - Création d’un formulaire de réservation
Afin de permettre aux utilisateurs de réserver un transport ou une expérience, je devrais pouvoir créer un formulaire de réservation dynamique qui sauvegarde les informations remplies par l’usager. Il faut pouvoir changer les champs au besoin. - Gestion de l'expérience de voyage
Afin de permettre aux utilisateurs d'en apprendre d'avantage sur les options de personnalisation, je devrais pouvoir ajouter ou modifier les informations en lien avec chacune d'entre-elles. - Ajustement du menu
Afin de personnaliser et optimiser la navigation sur le site, je devrais pouvoir ajouter, supprimer, ou réorganiser les éléments du menu de navigation pour refléter les mises à jour du contenu ou l’ajout de nouvelles fonctionnalités.
objectif
Permettre à l’administrateur du site d’exécuter efficacement ses tâches essentielles pour la gestion et la mise à jour continue du site, assurant ainsi une expérience utilisateur de qualité pour les visiteurs du site.
#2 Interactions et présentation avancées
Ajoute des fonctionnalités interactives et personnalisées pour enrichir l’expérience utilisateur, comme la personnalisation des voyages et le multilingue.
En tant que visiteur curieux de connaître l’équipe derrière le service de transport fantastique, je souhaite pouvoir accéder à une page dédiée qui présente les membres de l’équipe afin de mieux connaître les personnes et l’expertise derrière ce projet innovant.
critères d'acceptation
- Lorsque j’arrive sur le site web, je devrais voir une option claire pour être dirigé vers une page présentant l’équipe.
- Sur la page de l’équipe, il doit y avoir de l’information sur l’entreprise ou l’organisation derrière le projet, y compris le nom de l’équipe, une brève description, et toute information pertinente.
- Il doit y avoir une liste claire des membres de l’équipe. Chaque membre étant accompagné d’une photo professionnelle, de son nom et de son rôle au sein du projet. En cliquant sur le nom ou la photo d’un membre de l’équipe, je devrais être dirigé vers une page de profil individuelle offrant des informations plus détaillées sur cette personne, comme ses compétences clés, son rôle spécifique dans le développement du service de transport fantastique, ses recommandations en matière de transport.
- (Optionel sauf 5️⃣)Une courte vidéo de présentation pour l’équipe devrait être incluse pour permettre aux visiteurs de mieux connaître les personnes derrière le projet. Cette vidéo devra inclure un titre de tier inférieur (lower-third) suivant la direction artistique du site web.
contenu à produire
- Rôles fictifs plausibles
- Contenu présentant l’entreprise
- Contenu propre à chaque membre
- (Optionel sauf 5️⃣) Vidéo présentant l'équipe
objectif
Donner aux visiteurs une meilleure compréhension de l’équipe qui se cache derrière le service de transport fantastique, en mettant en avant les individus et leur expertise tout en créant une connexion plus personnelle entre les utilisateurs et l’équipe de développement.
En tant qu’utilisateur du site de transport fantastique, je souhaite avoir accès à une page de nouvelles dédiée afin de rester informé des mises à jour du service ainsi que des dernières nouvelles de l’entreprise.
critères d'acceptation
- Lorsque j’arrive sur le site web, il devrait y avoir un lien clairement visible ou un onglet de navigation menant à la page des nouvelles.
- Sur la page d’accueil, les deux dernières nouvelles devraient être présentées avec des titres, des images, et des liens vers les articles complets.
- La page des nouvelles devrait présenter les informations de manière claire et organisée, avec une liste de titres d’articles ou de mises à jour récentes.
- Les utilisateurs devraient avoir la possibilité de cliquer sur un titre d’article ou une image pour accéder à la version complète de l’article.
- Les utilisateurs devraient être capables de revenir à la page des nouvelles lorsqu’ils visitent une nouvelle précise.
- (Optionel sauf 5️⃣)La section nouvelle doit proposer soit une pagination au bas de la liste des articles (max. 6 articles par page) OU un champ de recherche permettant de trouver l’information désirée.
contenu à produire
- 6 nouvelles / articles vraisemblables générées par l’IA
- Les images doivent être libres de droits (l’IA peut vous aider)
- (Optionel sauf 5️⃣) 8 nouvelles / articles vraisemblables générées par l’IA
objectif
Fournir aux utilisateurs un moyen facile et convivial de rester informés des dernières mises à jour du service de transport fantastique et des nouvelles de l’entreprise, favorisant ainsi l’engagement et la communication avec la communauté d’utilisateurs.
En tant qu’utilisateur du site de transport, je souhaite que le site soit disponible en plusieurs langues afin de pouvoir accéder au contenu et aux informations dans la langue de mon choix.
critères d'acceptation
- Le site web devrait offrir une option de sélection de la langue en tout temps, permettant aux utilisateurs de choisir entre différentes langues, comme le français et l’anglais.
- Une fois la langue sélectionnée, l’ensemble du contenu du site web, y compris les menus de navigation, les textes des pages, les boutons et le contenu des articles, devrait être présenté dans la langue choisie par l’utilisateur.
- Le changement de langue devrait être possible à tout moment, permettant ainsi aux utilisateurs de basculer entre les langues en fonction de leurs besoins.
contenu à produire
- traduire du contenu en anglais à l’aide d’outils
objectif
Rendre le site web accessible et convivial pour un public multilingue, offrant ainsi une expérience utilisateur inclusive et flexible, adaptée à une audience internationale.
En tant qu’administrateur du site de moyens de transport, je souhaite avoir la capacité d’exécuter les tâches suivantes sur le site :
critères d'acceptation
-
Ajout de nouvelles
Afin de tenir les utilisateurs informés des dernières nouvelles, je devrais pouvoir ajouter des articles de nouvelles en fournissant un titre, un contenu détaillé, des images et toute autre information pertinente. - Gestions des membres de l'équipe
Afin de permettre aux utilisateurs de s’informer sur la composition de l’équipe derrière le projet de transport, je devrais pouvoir gérer, ajouter ou modifier les informations de façon individuelle pour chacun des membres afin qu’une page dédiée par membre existe. - Multilangue
Afin de permettre à l’utilisateur d’accéder au site dans la langue de son choix, tous les contenus (statiques et dynamiques) doivent être traduisibles via l’outil d’administration
objectif
Permettre à l’administrateur du site d’exécuter efficacement ses tâches essentielles pour la gestion et la mise à jour continue du site, assurant ainsi une expérience utilisateur de qualité pour les visiteurs du site.
En tant que professeur supervisant le projet, je souhaite pouvoir savoir qui a fait quoi dans les récits du 2e palier, « Interactions et présentation avancées », afin de faciliter la correction de manière juste et équitable.
critères d'acceptation
- À la page crédit existante, ajouter toutes les nouvelles contributions individuelles détaillées au projet.
objectif
Fournir aux professeurs un moyen efficace et rapide de distinguer les contributions individuelles au sein du projet, facilitant ainsi une évaluation juste et équitable.
#3 Interactivité et expérience utilisateur améliorée
Améliore l’expérience usager tout en facilitant la planification d’un transport.
En tant qu’utilisateur j’aimerais pouvoir comparer facilement les différences clés entre les moyens de transport et leurs options afin de faciliter la sélection du moyen de transport idéal pour moi
critères d'acceptation
- À l’endroit que vous jugez approprié, il devrait y avoir une section qui permet de comparer les différents véhicules.
- Vous ne devez pas dupliquer le contenu des modèles, mais bien réutiliser ce que vous avez sous la main dans l’admin afin d’afficher de manière à mettre en évidence les différences majeures.
- (Optionel sauf 5️⃣)Ajouter une fonctionnalité permettant de trier dynamiquement les véhicules selon des critères (ex. : vitesse, capacité, prix, etc.).
objectif
Fournir aux utilisateurs un moyen rapide pour faire la distinction des différences majeures entre les moyens de transports.
En tant qu’utilisateur du site de transport fantastique, je souhaite pouvoir estimer le prix de mes bagages selon leur poids et le moyen de transport choisi afin de planifier mes frais de voyage à l'avance.
critères d'acceptation
- Module intégré par véhicule
Sur chaque page de moyen de transport, un module interactif devrait permettre d'entrer le poids des bagages en kilogrammes. - Tarif de base et prix par kilo
Chaque véhicule aura un tarif de base pour le transport de bagages, avec un montant fixe par kilo spécifique à ce véhicule (ex : 100 $/kg pour un véhicule, 2500 $/kg pour un autre). - Calcul dynamique
Lorsque l’utilisateur entre le poids de ses bagages, le calcul doit se faire en temps réel pour afficher le coût total des bagages, combinant le tarif de base et le prix par kilo. - Affichage clair
Le coût total des bagages doit être clairement affiché à côté du poids indiqué, avec un résumé des règles de tarification (tarif de base + prix par kilo). - Mise à jour automatique
Lorsque l'utilisateur modifie le poids des bagages, l’estimation du prix doit se mettre à jour automatiquement, sans recharger la page. - Prix dynamiques
Les prix de base ansi que par kilogramme de bagage par véhicule doivent être modifiables dans WordPress par l'administrateur dans la page de chacun des véhicules.
objectif
Fournir aux utilisateurs un moyen simple et interactif de calculer le prix de leurs bagages en fonction du moyen de transport choisi, afin de faciliter la planification et la gestion des frais de voyage. Ce module doit être intuitif et rapide, tout en s’intégrant parfaitement aux pages de présentation des véhicules.
En tant que professeur supervisant le projet, je souhaite pouvoir savoir qui a fait quoi dans les récits du 3e palier, « Interactivité et expérience utilisateur améliorée », afin de faciliter la correction de manière juste et équitable.
critères d'acceptation
- À la page crédit existante, ajouter toutes les nouvelles contributions individuelles détaillées au projet.
objectif
Fournir aux professeurs un moyen efficace et rapide de distinguer les contributions individuelles au sein du projet, facilitant ainsi une évaluation juste et équitable.