Voile Modèles HTML

Modèles HTML de navigation épurés

Un modèle HTML de navigation est une interface utilisateur complète, livrée sous forme de fichiers. La mise en page est prédéfinie, des exemples de bateaux sont intégrés aux annonces, et les formulaires sont prêts à l'emploi pour la gestion des demandes. La plupart des modèles de ce type sont conçus pour la location de bateaux, avec une liste de la flotte au centre, suivie des destinations, des services et des coordonnées.

Contenu du dossier

Avant toute chose, vérifiez le contenu exact du package :

1. Le nombre de pages distinctes, car une liste de flotte et une page dédiée à un bateau sont deux choses différentes ;

2. Les sections dont vous aurez besoin, notamment une galerie, un formulaire de contact et une section de fiches ;

3. Les scripts permettant l'interaction avec les éléments, comme un carrousel ou un filtre sur l'annonce.

Un modèle conçu pour un seul type de bateau devient inadapté si votre flotte comprend un catamaran, un ketch classique et un semi-rigide pour les excursions à la journée.

Intégrer de vrais yachts dans les emplacements de démonstration

La première modification importante vous apprendra l'essentiel :

1. Chargez vos propres photos, dont les proportions sont rarement celles de la démo ;

2. Remplissez la fiche du yacht avec les données réelles de longueur, de couchages et d'année de construction ;

3. Remplacez le texte de destination si un itinéraire réel est plus long que le texte par défaut.

Les galeries méritent une attention particulière, car une location se vend souvent sur la base de vingt photos d'un seul bateau. Une grille permettant d'afficher simultanément des photos au format portrait et paysage est plus utile qu'une page supplémentaire.

Les détails du bateau sont la partie délicate. Une fiche conçue pour trois lignes courtes paraît illisible dès lors qu'il faut ajouter le tirant d'eau, les heures moteur et une note sur le skipper. Essayez d'intégrer votre entrée la plus longue avant de commencer le reste du travail, en vous basant sur cette mise en page.

Images larges sur écrans étroits

Les pages de navigation privilégient les photos larges, et ces dernières sont les premières à pâtir d'un affichage sur une seule colonne. Observez l'effet de la mise en page d'une fiche de yacht lorsque sa photo et ses illustrations ne sont plus côte à côte, et vérifiez si le bouton de demande d'informations reste bien à côté du bateau correspondant.

Les modes responsifs de Nicepage (https://nicepage.com/doc/1125/responsive-modes) s'adaptent à toutes les largeurs d'écran, des grands ordinateurs de bureau aux smartphones en format portrait. Commencez par les utiliser sur la page de votre flotte, car c'est celle qui affiche le plus d'images par écran.

Évaluez les différents packs selon des critères simples : le nombre de pages distinctes, la manière dont les sections gèrent vos photos et illustrations, et le comportement de la page la plus chargée sur un écran de téléphone. Le reste est une question de préférence, et vous pouvez vous faire votre propre opinion grâce à l'aperçu.