CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre à Prototyper - Sites Internet et application

Création d'une Fiche Descriptive pour un Foodtruck

Retour à la formation
Chapitre 6 Leçon 4
Précédent
Suivant

Résumé court de la leçon. Apprenez à structurer une fiche descriptive pour un foodtruck, incluant carrousel d'images, menu détaillé et avis utilisateurs.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons vous montrer comment créer une fiche descriptive pour un foodtruck de manière détaillée. Nous commencerons par dupliquer une fiche existante et retirer les éléments inutiles.

Ensuite, nous ajouterons un bouton de retour pour la navigation. Après avoir personnalisé son apparence, nous intégrons un carrousel d'images dynamique, où chaque image peut être nommée et modifiée individuellement pour assurer une présentation visuelle attrayante.

Nous inclurons également des indicateurs de position pour le carrousel, puis ajouterons le nom du foodtruck et une description succincte. Les éléments cruciaux comme le menu, divisé en entrées, plats et desserts, avec des exemples et des prix, seront aussi intégrés.

Enfin, nous mettrons en place un système d'évaluation par étoiles et ajouterons une option pour réserver des repas directement via l'application, accessible en permanence. Ces étapes, si bien suivies, garantiront une fiche descriptive complète, fonctionnelle et attrayante.

Objectifs de cette leçon

Objectifs de cette vidéo :
- Comprendre comment structurer une fiche descriptive pour un foodtruck.
- Apprendre à intégrer des éléments interactifs comme un carrousel d'images et un système de notation.
- Savoir ajouter des options fonctionnelles telles que le bouton de retour et la réservation de repas.

Prérequis pour cette leçon

Prérequis pour suivre cette vidéo :
- Connaissances de base en développement web et design UX/UI.
- Notions élémentaires de gestion de contenus dynamiques.

Métiers concernés

Usages professionnels ou métiers pour ce sujet :
- Développeur web spécialisé dans les sites e-commerce alimentaires.
- Designer UX/UI pour applications mobiles.
- Responsable marketing digital dans le secteur de la restauration.

Alternatives et ressources

Logiciels ou solutions alternatives :
- Utilisation de CMS comme WordPress pour la gestion de contenu.
- Emploi de bibliothèques JavaScript pour les carrousels d'images, tels que Owl Carousel ou Slick.

Questions & Réponses

L'objectif principal est de fournir des informations essentielles sur le foodtruck, telles que le menu, les avis utilisateurs, et la possibilité de réserver des repas.
Un carrousel d'images améliore l'attrait visuel de la fiche descriptive et permet aux utilisateurs de voir différentes vues du foodtruck et de ses produits.
La fiche descriptive permet l'ajout d'un bouton de réservation visible en permanence, facilitant la réservation directe via l'application.