À propos de ce modèle
Sellix est un hero de landing page fintech centré sur les paiements transfrontaliers, la conservation d’actifs et la conversion entre crypto et monnaie fiduciaire. Un globe violet en boucle installe d’emblée la portée internationale, puis la proposition de valeur et deux appels à l’action occupent le premier écran. Tout le concept tient dans un seul fichier, ce qui en fait une référence utile pour une équipe qui a besoin d’un premier écran abouti avant de construire le reste du site financier. Comme chaque mesure dérive d’une seule unité de référence, remplacer le globe, le texte et les deux actions ne casse pas le rythme de la page.
Conçu pour
- Équipes fintech qui lancent un produit de paiements transfrontaliers ou d’actifs numériques.
- Fondateurs qui ont besoin d’un hero à forte confiance avant que le reste du site soit prêt.
- Designers qui construisent une landing page cinématographique avec un parcours de conversion clair.
- Équipes marketing qui adaptent une référence haut de gamme à une nouvelle marque financière.
Ce qui est inclus
- Langage visuel de la finance mondiale. Le globe en rotation et le champ d’étoiles relient le produit aux flux d’argent internationaux, sans ouvrir un second sujet sur le même écran.
- Titre centré et texte d’appui court. Un titre de deux lignes porte la promesse, et un paragraphe compact juste en dessous précise ce que fait le produit, sans obliger à parcourir toute la page.
- Deux actions hiérarchisées. Une action principale lumineuse et une action secondaire plus discrète rendent l’étape suivante évidente, pour le visiteur déjà décidé comme pour celui qui veut d’abord du contexte.
- Composition responsive sur une seule vue. Toutes les mesures dérivent d’une même unité de référence: le hero se réduit comme une scène composée, au lieu de se disperser en blocs empilés sans lien.
Animation et interaction
Globe en boucle en arrière-plan
Le clip violet et silencieux apporte un mouvement continu et calme, sans jamais concurrencer le titre ni les appels à l’action.
Titre révélé sous masque
Chaque ligne du titre monte indépendamment, ce qui soigne l’entrée du premier écran tout en gardant l’état final parfaitement lisible.
Pourquoi ce modèle fonctionne en fintech
Les produits financiers ont souvent un problème de confiance avant d’avoir un problème de fonctionnalités. Le visiteur doit comprendre que le produit est international, sérieux et simple à démarrer, mais un mur de langage réglementaire ou de jargon transforme le premier écran en quelque chose de lourd. Sellix résout cette tension avec une seule idée visuelle: un globe lumineux qui rend le mouvement transfrontalier immédiatement lisible. Le texte reste ensuite plat et opérationnel: paiements, conservation d’actifs et conversion entre crypto et monnaie fiduciaire sont nommés dans un court paragraphe d’appui, au lieu d’être cachés derrière un vocabulaire de marque abstrait. Ce modèle sert donc surtout aux néobanques, aux infrastructures de paiement, aux plateformes de trésorerie, aux produits de transfert d’argent et aux outils d’actifs numériques qui doivent dire leur portée sans ressembler à un terminal de trading.
Comment le premier écran guide le regard
La page impose un ordre de lecture. La navigation présente le produit et redonne au visiteur qui revient un chemin connu. Le titre central énonce la promesse de catégorie en deux lignes, et la phrase d’appui ajoute les tâches concrètes que le produit sait faire. Le bouton principal est assez discret pour appartenir à la scène, mais assez lumineux pour être trouvé tout de suite; l’action secondaire offre une entrée à moindre engagement. Rien d’autre ne concurrence ce parcours: aucune grille de cartes, aucun mur de témoignages, aucun tableau de bord décoratif avant la première décision. Cette retenue est précieuse quand on adapte le modèle à une autre marque, parce qu’elle donne un test simple: si un nouvel élément visuel ou une nouvelle phrase n’aide pas à expliquer l’offre ou l’étape suivante, il appartient probablement sous la ligne de flottaison.
Comportement responsive et accessibilité
Le brief d’origine traite le hero de bureau comme une composition mesurée, pas comme une collection de breakpoints arbitraires. Sur un écran large, le globe remplit la scène et le titre reste centré par-dessus. Quand la fenêtre se rétrécit, la taille du texte suit la largeur disponible pour que la longue expression de catégorie ne se coupe pas à un endroit gênant. La navigation se replie dans un menu compact, les contrôles restent assez grands pour être touchés et le texte d’appui peut revenir à la ligne naturellement au lieu d’être écrasé en petits caractères. La vidéo est muette, se lit en ligne et possède une image de poster: la page continue donc de dire son idée quand la lecture automatique n’est pas disponible. Une préférence de mouvement réduit désactive l’entrée et fige la première image, ce qui préserve le message pour les visiteurs qui ne veulent pas d’un fond animé.
Adapter la référence à votre marque
Commencez par la promesse, pas par la décoration. Écrivez une phrase qui nomme l’opération ou le résultat que votre produit rend plus simple, puis une ligne d’appui qui précise à qui il s’adresse. Remplacez ensuite le globe par une boucle qui porte une quantité d’information comparable: un gros plan produit, une carte d’itinéraires, une étude de matière ou une visualisation de données calme fonctionnent s’ils gardent une zone focale stable derrière le texte. Conservez la relation de contraste et testez le titre sur l’image la plus claire, pas seulement sur le poster. Réécrivez enfin la navigation et les appels à l’action autour du parcours réel que vous voulez faire suivre. La valeur de ce modèle tient à la hiérarchie et au rythme mesurés; c’est à votre marque de fournir le sujet, les preuves et le langage.
Questions fréquentes
Pour quel type de produit cette référence est-elle prévue?
C’est un hero fintech pour les paiements transfrontaliers, la conservation d’actifs et la conversion entre crypto et monnaie fiduciaire. La même structure fonctionne aussi pour la banque, la trésorerie ou le commerce international.
Puis-je réutiliser la mise en page dans un autre secteur?
Oui. Gardez la métaphore visuelle, la hiérarchie du titre et le schéma d’actions, puis remplacez le média et le texte par un sujet que votre audience reconnaît immédiatement.
Qu’obtient-on en utilisant le prompt?
Le prompt s’ouvre prérempli dans Studio, ce qui vous permet d’adapter la composition, le texte et le média avant de l’envoyer. Rien ne se lance tant que vous ne validez pas.
