Communik.io : Site & App builder
communik.io
Sections · Hero

Hero avec image à droite

Le texte à gauche, un grand visuel à droite : le hero 50/50 classique qui présente et montre votre produit en même temps.

Utiliser ce block Ajouter à un projet existant

Gratuit pour commencer. Sans carte bancaire.

Screenshot of Hero Image Right template

Ce que contient ce block

Hero Image Right est une section de la catégorie Hero qui contient 1 titre, 1 paragraphe, 1 bouton, 1 image, 1 icône et 2 liens. Sur ordinateur, son contenu s’organise en 2 colonnes, qui s’empilent sur mobile. Ses textes sont prêts en 3 langues (allemand, espagnol et français).

  • 1 titre
  • 1 paragraphe
  • 1 bouton
  • 1 image
  • 1 icône
  • 2 liens
  • grille de 2 colonnes

Détails

Catégorie
Hero
Type
Section (pleine largeur)
Édition
Éditeur visuel, sans code
Mots-clés
imagesplitlandingproduct

L’utiliser en trois étapes

  1. 1 Ouvrez votre siteCréez un site Communik gratuit, ou ouvrez celui que vous avez déjà.
  2. 2 Insérez-leIl arrive sur votre page avec vos polices et vos couleurs.
  3. 3 PersonnalisezModifiez textes, images et couleurs à l’écran, puis publiez.

Plus dans Hero

Voir tout : Hero
Screenshot of Hero Simple Centered template

Hero Simple Centered

Hero centré avec titre, sous-titre et bouton CTA sur fond dégradé léger

Hero

Screenshot of Hero Simple Left template

Hero Simple Left

Hero avec contenu aligné à gauche, badge optionnel et deux boutons CTA

Hero

Guide

Certains produits se montrent mieux qu'ils ne se décrivent. Le hero 50/50 donne le même poids à votre message et à votre visuel : titre et bouton à gauche, capture d'écran, photo ou illustration à droite. C'est le choix par défaut des applications, de l'e-commerce et des services à forte identité visuelle.

Dans Communik, l'emplacement image accepte n'importe quel média de votre bibliothèque et il est optimisé automatiquement (tailles responsives, lazy-loading, WebP). Sur mobile, les deux colonnes s'empilent proprement, l'image sous le message.

Combinez-le avec des témoignages et un CTA de clôture pour finir la page.

Questions

Quelle taille d'image utiliser ?

Téléversez la plus grande version disponible (idéalement ≥1200px de large) : Communik génère automatiquement des variantes responsives optimisées, la page reste rapide.

L'image peut-elle passer à gauche ?

Oui. Choisissez la variante miroir dans la bibliothèque ou réordonnez les deux colonnes directement dans l'éditeur.

Que se passe-t-il sur mobile ?

Les colonnes s'empilent verticalement : le message d'abord, l'image en dessous. Espacements et tailles de police s'adaptent automatiquement.

Continuer l’exploration

About Sections Browse about sections templates Blog Sections Browse blog sections templates Call to action Sections Browse call to action sections templates Blog Module Complete blog feature with multiple design variants About Page Templates Full page layouts in the about category Templates for Education Templates designed for education businesses Instagram Templates Templates with Instagram integration support

Votre prochain site commence ici.
Tout ceci est à un clic.

Chaque section, composant, page et module de cette bibliothèque est prêt dans l’éditeur Communik, aux couleurs de votre marque.

Utiliser ce block Parcourir la bibliothèque

Gratuit pour commencer. Sans carte bancaire.