Transporteur Modèle d'une page

La section hero alignée à gauche crée une étape de page facilement reconnaissable

L’image portuaire permet d’identifier immédiatement ce bloc comme une section dédiée au transport maritime au sein d’une page continue. Navires, grues, voies d’eau, routes et infrastructures urbaines apportent le contexte visuel, tandis que le titre à empattements blanc « Compagnie maritime » pose le sujet sans nécessiter de long paragraphe d’introduction. Son positionnement en haut à gauche crée un point d’entrée naturel, et la zone assombrie de l’image protège le contraste entre le texte et l’arrière-plan.

En tant qu’étape clé d’une page unique, cette section peut introduire le domaine maritime ou logistique avant que les visiteurs ne poursuivent leur découverte vers le détail des prestations, la présentation de l’entreprise, les photos de projets ou les coordonnées de contact situées plus bas. Le bouton jaune « Voir plus » permet de relier cette introduction à un contenu plus approfondi, mais le bloc lui-même constitue une section bien délimitée plutôt que la page entière. Son rôle est donc à la fois informatif et navigationnel : il annonce la thématique et offre un moyen de poursuivre l’exploration.

La grande surface d’image visible contribue également à bien distinguer cette zone des sections voisines. La suite de la page peut ainsi accueillir des contenus plus denses en texte sans contraindre la section hero à porter l’ensemble des informations sur l’entreprise. Dans une expérience continue sur une seule page, ce bloc fonctionne idéalement comme une ouverture ou un point de transition clairement identifié, dont le sujet visuel et l’action unique restent faciles à mémoriser.