Exercice : Site mobile ResthoOO!
Télécharger les fichiers source
L'agence dans laquelle vous travaillez est entrain de mettre en ligne le site mobile www.resthooo.com et celui-ci fait le buzzz sur le net ! Le directeur d'agence et le directeur artistique sont convaincus que, bien conçu, ce genre de sites web peut générer beaucoup de trafic et souhaiteraient transposer resthooo.com vers d'autres secteurs d'activité.
Ci-dessous, un exemple tiré du projet ResthoO0!.
Une séquence vidéo issue du mode Aperçu d'Adobe XD.
Ils vous demandent de concevoir un site mobile au format de votre smartphone se basant sur une architecture similaire tout en proposant un service différent. La proposition doit apporter une réflexion en terme de fonctionnalités UX et de design UI.
Au final, les éléments attendus par vos directeurs sont :
CONCEPT
- Un concept UX
- Un persona
- Un nom
- Un sketch de l'arborescence
- Un wireframe
GUIDELINE
- Un logo
- Un choix de couleurs
- Un choix typographique
PROTOTYPE XD
- Une page "Accueil / Recherche"
- Une page "Carte"
- Une page "Listing des résultats de recherche"
- Une page "Détail d'un résultat de recherche" (ex : un restaurant)
- Une page "Détail d'un produit/service" (ex : un menu burger)
- Une page "Réservation/Commande"
- Une page "Connexion"
- Une page "Inscription"
- Une page "Panier"