StayEase

Sur un site de réservation, tout ce qui est au-dessus de la ligne de flottaison est du décor sauf un composant. La barre de recherche est là où la session commence réellement, elle a donc été conçue en premier et le reste de la page s'est organisé autour.

Elle chevauche délibérément l'image hero au lieu de se placer en dessous, parce que cela place le contrôle le plus important au centre optique de la page plutôt qu'au bas d'une bande décorative.

Les quatre champs restent libellés et en permanence visibles : destination, arrivée, départ, voyageurs. Les réduire en un seul champ « Rechercher » paraît plus propre dans une maquette mais coûte immédiatement au visiteur la possibilité de voir ce qu'il a déjà rempli.

Une rangée d'onglets au-dessus des champs (hôtels, resorts, villas, appartements, maisons d'hôtes) définit le type de séjour avant tout le reste. Cet ordre compte : quelqu'un qui cherche une villa et quelqu'un qui cherche une maison d'hôtes effectuent des recherches différentes, et filtrer après l'affichage des résultats revient à ignorer une page de listings non désirés.

Les onglets sont un sélecteur plutôt qu'une autre puce de filtre pour la même raison. C'est un choix unique qui recadre toute la requête, pas l'un des multiples raffinements empilés.

Une barre de recherche suppose que vous savez où vous allez. Beaucoup de voyages ne commencent pas ainsi, c'est pourquoi « Explorez les meilleures destinations hôtelières » se place juste en dessous sous forme d'une rangée de cartes de villes.

C'est le même argument que l'app de livraison : offrir au visiteur indécis un point d'entrée qui ne nécessite pas de taper. Le reste de la page suit ensuite l'ordre dans lequel un visiteur en exploration pose des questions : qu'est-ce qui est proposé, pourquoi ce site, qu'ont dit les autres.

Un concept de page d'accueil avec une hiérarchie d'information fonctionnelle : type de séjour, puis les quatre champs de recherche, puis la navigation par destinations pour ceux qui n'ont pas encore décidé, suivie des sections de support qu'un visiteur de réservation lit dans cet ordre.

Aucune réservation n'a été prise et aucune n'est revendiquée. Ce que le projet démontre, c'est concevoir une page autour de son seul composant porteur plutôt qu'autour d'une image hero, et offrir au visiteur indécis un point d'entrée qui ne commence pas par un champ de texte vide.