Prototype cliquable de la plateforme de découverte et de réservation touristique. Écrans, système de design et documentation de conception.
Chaque page est autonome et navigable. Un lien de retour au portail est posé en bas à gauche de chacune.
Hero, carte interactive des cinq régions avec zoom, thèmes, sites, circuits, fourchettes de prix, guides, avis, journal.
Koutammakou en onze blocs, comment y aller, offres, tunnel de réservation en quatre étapes, confirmation, Mon voyage.
Le grand nord avec son corridor et ses cinq étapes, le flux devis en cinq états, et le tableau de bord du guide.
Huit articles construits sur des intentions de recherche réelles, avec encadré d'action à mi-article.
La page d'accueil dans les deux formats simultanément, pour vérifier la cohérence des mises en page.
Couleurs et rôles, échelle typographique, composants, système de mouvement, et la carte SVG à télécharger.
L'enchaînement à suivre pour une présentation. Il raconte la proposition de valeur dans l'ordre : on découvre un lieu, on réserve un petit panier en autonomie, on demande un gros panier accompagné, et il existe une contrepartie côté guide.
Trois couleurs de marque, trois rôles. Le vert structure, le jaune informe, le rouge agit — un seul bouton rouge par écran.
| Rôle | Police | Desktop | Mobile |
|---|---|---|---|
| Titre de hero | Anton | 64 px | 38 px |
| Titre de section | Anton | 40 px | 28 px |
| Corps | Inter 400 | 17 px | 16 px |
| Interface | Inter 500 | 15 px | 15 px |
| Métadonnées | Inter 400 | 13 px | 13 px |
Les documents qui ont produit ces écrans, dans l'ordre chronologique. Utiles pour reprendre le travail ou le transmettre à un développeur.
Ceci est un prototype. Les guides, les avis, les notes et tous les tarifs affichés sont des exemples destinés à faire fonctionner la maquette. Ils doivent être remplacés par des partenaires réels ayant donné leur accord avant toute mise en ligne publique.
Les coordonnées des sites sur la carte sont approximatives à quelques kilomètres près et restent à relever sur le terrain.
Le hero attend encore sa vidéo. En son absence, la photo d'affiche est affichée avec une dérive lente.