PB217 Infographie - Français 4 / Web 3

Exercice transversal Français-Web :

Création d’une app et d'une landing page

1. Création d'une app :

1.1. Objectifs :
L'organisme officiel de promotion du tourisme en Wallonie,(visitwallonia.be) souhaite développer une app pour promou-
voir les folklores wallons (ducasses, carnavals, etc.).

La Wallonie présente effectivement un panel de manifestations folkloriques particulièrement vaste et l'office du tourisme
veut donner l'opportunité à un large public de découvrir des traditions ou des événements souvent uniques en leur genre,
quelques fois insoupçonnés et parfois mal connus des Wallons eux-même.

Objectif : Découvrir ou mieux connaître les folklores wallons (dates, lieux, rites, traditions, etc) et ne rien manquer de
leurs meilleurs moments. D'où qu'on vienne, en famille, en touriste, en curieux ou en fêtards avertis.

Contenu : Des infos pratiques, des dates, des photos, de l'histoire, mais aussi, et surtout, des fonctionnalités originales
et attractives pour rendre l'app incontournable. Il faudra également intégrer les réseaux sociaux pour des
diffusions virales (partage de photo, invitation d’amis, etc.).

Utilisation : L'app devra présenter tous les folklores wallons et être complètement développée pour au moins l'un
d'entre eux. Le but étant de développer une application et une interface (UI) qui tiennent compte de
l'expérience utilisateur (UX) depuis l'écran d'accueil du smartphone jusqu'à la plus petite fonctionnalité.

1.2. Consignes
- Tâches : - Déterminer le contenu et les diverses fonctionnalités de l'app
- Déterminer l'arborescence (esquisses), la navigation et l'expérience utilisateur
- Avec les wireframes, imaginer le fonctionnement et l'agencement des écrans
- Avec le prototypage, simuler l’expérience utilisateur via Adobe Xd.

- Réalisations : - Esquisses et arborescence

- Wireframes
- Plusieurs écrans de présentation
- Mise en ligne d'un prototype de l'application

C. Brootcorne, J-F. Delvin, A. Saburegeya /// 1

2. Création d'une landing page :
1.1. Objectifs :
Création et réalisation d’une landing page de présentation pour inciter au téléchargement et à l'utilisation de l'app.
Exemples : C
 oyote, Todoist, Trello, etc.

Les textes sont conçus au cours de Français.

1.2. Consignes
La page doit reprendre plusieurs parties distinctes :
- Un système de navigation interne à la page avec animation "scroll"
- Une présentation générale de l'app par un texte "vendeur" et approprié au web
- Une présentation des fonctions principales et/ou des atouts de l'application
- Intégration d'un ou plusieurs effet(s) de transition CSS et jQuery (en plus du scroll)
- L'insertion d'une video (court extrait du fonctionnement de l'app enregistré à partir de Adobe XD)
(balise video sur w3schools)
- Les liens de téléchargement vers l'AppStore ou GooglePlay (dirigés vers votre app en ligne)

3. Remise et évaluation :
- Cet exercice sera conçu et réalisé en équipes (max. 4 personnes).

- Le 28/03/23 : validation du contenu, des wireframes et du moodboard.

- Pour le 09/05/2023 : remise finale

- Mise en ligne d'une page de redirection sur votre ftp, dans un dossier nommé : w3-app.
- Mise en ligne de la landing page sur votre ftp, dans un dossier nommé : w3-landingpage

- Pondération : /40

- Evaluation : - Respect du brief : nom des fichiers, mise en ligne, délais, etc
- Pertinence du contenu
- Qualité du graphisme : qualité des images, choix des couleurs, des typos, etc
- UX et UI
- Aspect et finition (affichage et bon fonctionnement de la version en ligne sur différents écrans et dans
les principaux navigateurs, poids des fichiers, arborescence et organisation : noms des fichiers et des
dossiers ou des sous-répertoires, etc.

Remarques importantes :
- La page doit être correctement nommée : index.html (pas de majuscule)
- Les textes doivent être rédigés, pas de “lorem ipsum” et vérifiés (orthographe, césures, etc)
- Les travaux rendus sans avoir été présentés à différents stades de leur réalisation (moodboard, esquisses, wireframe,
maquette, etc.) ne seront pas débriefés après la remise et ne pourront donc plus être améliorés.

C. Brootcorne, J-F. Delvin, A. Saburegeya /// 2