Page Profil – Espace Voyageur
1. Objectif de la page
La page Mon profil permet à l’utilisateur de consulter et modifier l’ensemble de ses informations personnelles utilisées sur la plateforme Zorni.
Elle centralise :
- les informations d’identité,
- les coordonnées,
- l’adresse,
- la sécurité du compte,
- la photo de profil.
L’objectif est de fournir un espace clair, structuré et simple à mettre à jour avant ou après une réservation.
2. Aperçu visuel
L’interface se présente sous la forme de cartes regroupant les informations par catégorie.
3. Structure générale
La page est organisée autour de deux éléments :
- Un en-tête de profil, contenant l’identité visuelle de l’utilisateur.
- Des cartes d’informations, chacune éditable indépendamment.
Cette organisation permet une consultation rapide et un accès ciblé à la modification.
4. En-tête : identité et photo de profil
L’en-tête affiche :
- l’initiale de l’utilisateur dans un cercle sombre ;
- son prénom et nom en grand format ;
- son adresse email principale ;
- un bouton « Modifier la photo » permettant de changer l’avatar.
Cette zone sert à identifier immédiatement l’utilisateur connecté.
5. Cartes d'informations
Chaque carte présente un groupe de données bien défini.
Elles sont toutes dotées d’un bouton « Modifier » permettant d’ouvrir le formulaire correspondant.
5.1. Informations personnelles
Cette carte regroupe :
- Prénom
- Nom
- Sexe
- Date de naissance
Les champs non renseignés sont affichés avec la mention Non renseigné.
Cette section concerne uniquement l’identité civile de l’utilisateur.
5.2. Contact
Cette carte inclut :
- l’adresse email,
- le numéro de téléphone.
Ces données sont utilisées pour les communications liées aux réservations (confirmation, assistance…).
5.3. Adresse
Cette carte contient l’adresse complète de l’utilisateur :
- Pays
- Ville
- Code postal
- Numéro de rue
- Nom de rue
- Complément d’adresse
Les champs vides affichent Non renseigné.
L’adresse pourra être utile pour certaines prestations futures (assurances, formalités…).
5.4. Sécurité du compte
Cette carte affiche :
- le type ou numéro de pièce d'identité de l'utilisateur.
Cette information sera utilisée plus tard pour les réservations nécessitant des documents officiels.
6. Fonctionnement du bouton « Modifier »
Pour chaque carte :
- un clic ouvre un formulaire pré-rempli ;
- l’utilisateur peut modifier uniquement les champs nécessaires ;
- la validation actualise les données du compte via la mutation API prévue ;
- la carte se met à jour instantanément après confirmation.
Ce fonctionnement permet d’éviter de recharger toute la page ou de naviguer hors de l’espace profil.
7. Actions globales
En bas de page, deux boutons peuvent apparaître :
- Annuler : annule les modifications en cours ;
- Soumettre : valide et sauvegarde l’ensemble des modifications.
Selon le design final, ces boutons peuvent être soit globaux, soit dédiés à une carte.
8. Expérience utilisateur
La page respecte les principes suivants :
- informations regroupées par thème pour un repérage rapide ;
- design moderne avec cartes arrondies et ombres légères ;
- affichage uniforme des valeurs non renseignées ;
- cohérence visuelle avec l’identité Zorni ;
- lisibilité optimale, même en cas de données partielles.
9. Résumé
La page Profil permet à l'utilisateur de :
- consulter ses informations personnelles,
- modifier ses données à tout moment,
- garder son compte complet et à jour,
- gérer son identité, ses contacts et son adresse dans un espace unique.
C’est l’un des composants centraux de l’espace voyageur Zorni.