BeepBeep : Maquettage de l'application de covoiturage concerts et festivals
Budget: €30 – €250 EUR
Lien du prototype : https://beepbeep-41.webself.net
-> Description de l’application
• Les couleurs dominantes :
Fushia et jaune pour respecter la charte graphique et faire le rappel du logo (en pj). Sur fond blanc pour une meilleure visibilité.
• L’entête :
Le logo sera positionné en haut à gauche. Une petite cloche sera visible en haut à droite pour permettre à l’utilisateur d’activer les notifications et être alerté d’une nouvelle tournée ou d’un nouveau trajet posté qui l’intéresserait.
Il y aura 4 rubriques qui apparaîtront sur la barre de menu de la page d’accueil. Celle-ci sera complétée par une barre de menu (accueil / agenda / connexion) avec différents filtres pour affiner sa recherche. Le menu apparaîtra en haut à gauche.
• La page d’accueil :
La barre « Quel est votre prochain événement ? » figurera en top de la page. En cliquant sur une petite flèche vers le bas d’autres filtres de recherche pourront apparaître (Quand, Où, Nb de passager, Budget). Pour chaque case, l’utilisateur pourra affiner sa recherche ; (Nom de l’artiste, Nom de la tournée, Genre), (Date, Créneau horaire), (Pays, Ville, Nom de la salle), (Woman Only, Single Traveler, Enfant, Adulte) et une fourchette de prix pour le budget ainsi qu’une fourchette de kms pour la distance.
En cliquant sur le logo, la page remontera automatiquement en tête de page.
• Bas de page :
- Les logos des partenaires
- A propos : Qui-sommes-nous ? Storytelling de BeepBeep
- Assurance et covoiturage
- FAQ
- Contact
- Les mentions légales
- Les réseaux sociaux : Liens externes de nos réseaux sociaux
- Copyright
• La page Agenda :
Cette page permet d’avoir une vue d’ensemble des événements programmés dans les salles partenaires. Il est possible d’affiner sa recherche selon la date et la localisation. Une option géolocalisation permet de filtrer les recherches automatiquement selon son historique de recherche, ses préférences et le lieu où l’on se trouve. Sur cette page, on peut réserver ou proposer un covoiturage si on est déjà connecté. L’utilisateur trouvera toutes les infos concernant son trajet.
Si on clique sur l’un de ces événements, nous avons la possibilité de publier un covoiturage via le bouton « je publie mon trajet » qui renverra vers la page « connexion » pour entrer les données nécessaires, ou d’en chercher un. Les informations suivantes seront affichées :
- Le nom de l’artiste et de la tournée concernée
- La date et heure de l’événement
- Le lieu de l’événement (avec un lien externe du site internet officiel de
la salle de concert pour acheter des billets)
- Une mini biographie de l’artiste concerné
- Les différents tarifs des covoiturages proposés pour l’événement choisi avec
un bouton « réserver » qui nous renvoie vers la page de paiement (Le paiement pourra être effectué par visa, mastercard, paypal et apple pay).
S’il active sa géolocalisation, les covoiturages les plus proches de chez lui apparaîtront en tête de liste. En miniature, il y aura un aperçu de la photo du covoitureur avec sa note attribuée ainsi que les informations de base sur le covoiturage comme l’heure départ et le point de rdv. Pour en savoir plus, l’utilisateur cliquera sur le nom ou la photo du covoitureur et une nouvelle page s’ouvrira avec un accès au profil du covoitureur, ses commentaires, le nombre de trajets effectués, le modèle de sa voiture, sa playlist et des précisions concernant le trajet posté sur BeepBeep
- Un bouton « acheter mon billet » avec un lien externe qui renvoie vers un site de vente de billetterie.
Si un litige a lieu pendant le trajet, comme par exemple une mauvaise conduite ou un changement d’itinéraire, un bouton « appel d’urgence » permettra de mettre en lien avec les forces de l’ordre en toute discrétion.
• La page de Connexion :
Pour se connecter, l’utilisateur devra réponde un maximum de champ afin de
faire correspondre son profil avec celui des autres utilisateurs.
-> Description de l’application
• Les couleurs dominantes :
Fushia et jaune pour respecter la charte graphique et faire le rappel du logo (en pj). Sur fond blanc pour une meilleure visibilité.
• L’entête :
Le logo sera positionné en haut à gauche. Une petite cloche sera visible en haut à droite pour permettre à l’utilisateur d’activer les notifications et être alerté d’une nouvelle tournée ou d’un nouveau trajet posté qui l’intéresserait.
Il y aura 4 rubriques qui apparaîtront sur la barre de menu de la page d’accueil. Celle-ci sera complétée par une barre de menu (accueil / agenda / connexion) avec différents filtres pour affiner sa recherche. Le menu apparaîtra en haut à gauche.
• La page d’accueil :
La barre « Quel est votre prochain événement ? » figurera en top de la page. En cliquant sur une petite flèche vers le bas d’autres filtres de recherche pourront apparaître (Quand, Où, Nb de passager, Budget). Pour chaque case, l’utilisateur pourra affiner sa recherche ; (Nom de l’artiste, Nom de la tournée, Genre), (Date, Créneau horaire), (Pays, Ville, Nom de la salle), (Woman Only, Single Traveler, Enfant, Adulte) et une fourchette de prix pour le budget ainsi qu’une fourchette de kms pour la distance.
En cliquant sur le logo, la page remontera automatiquement en tête de page.
• Bas de page :
- Les logos des partenaires
- A propos : Qui-sommes-nous ? Storytelling de BeepBeep
- Assurance et covoiturage
- FAQ
- Contact
- Les mentions légales
- Les réseaux sociaux : Liens externes de nos réseaux sociaux
- Copyright
• La page Agenda :
Cette page permet d’avoir une vue d’ensemble des événements programmés dans les salles partenaires. Il est possible d’affiner sa recherche selon la date et la localisation. Une option géolocalisation permet de filtrer les recherches automatiquement selon son historique de recherche, ses préférences et le lieu où l’on se trouve. Sur cette page, on peut réserver ou proposer un covoiturage si on est déjà connecté. L’utilisateur trouvera toutes les infos concernant son trajet.
Si on clique sur l’un de ces événements, nous avons la possibilité de publier un covoiturage via le bouton « je publie mon trajet » qui renverra vers la page « connexion » pour entrer les données nécessaires, ou d’en chercher un. Les informations suivantes seront affichées :
- Le nom de l’artiste et de la tournée concernée
- La date et heure de l’événement
- Le lieu de l’événement (avec un lien externe du site internet officiel de
la salle de concert pour acheter des billets)
- Une mini biographie de l’artiste concerné
- Les différents tarifs des covoiturages proposés pour l’événement choisi avec
un bouton « réserver » qui nous renvoie vers la page de paiement (Le paiement pourra être effectué par visa, mastercard, paypal et apple pay).
S’il active sa géolocalisation, les covoiturages les plus proches de chez lui apparaîtront en tête de liste. En miniature, il y aura un aperçu de la photo du covoitureur avec sa note attribuée ainsi que les informations de base sur le covoiturage comme l’heure départ et le point de rdv. Pour en savoir plus, l’utilisateur cliquera sur le nom ou la photo du covoitureur et une nouvelle page s’ouvrira avec un accès au profil du covoitureur, ses commentaires, le nombre de trajets effectués, le modèle de sa voiture, sa playlist et des précisions concernant le trajet posté sur BeepBeep
- Un bouton « acheter mon billet » avec un lien externe qui renvoie vers un site de vente de billetterie.
Si un litige a lieu pendant le trajet, comme par exemple une mauvaise conduite ou un changement d’itinéraire, un bouton « appel d’urgence » permettra de mettre en lien avec les forces de l’ordre en toute discrétion.
• La page de Connexion :
Pour se connecter, l’utilisateur devra réponde un maximum de champ afin de
faire correspondre son profil avec celui des autres utilisateurs.