PRODUIT TARA · TEMPLATE FRAMER
Un site SaaS que votre équipe modifie seule.
Bloomline est un template Framer pour les produits SaaS B2B. Treize pages, deux CMS et des visuels produit que chacun remplace sans toucher au fond.
TYPE
Template Framer, produit de Tara Webdesign
ROLE
Direction artistique, design, contenus, intégration
LIVRABLES
13 pages, 2 CMS, 10 composants, visuels produit
OUTILS
Framer, composant de code, visuels en HTML
Un template se juge à ce qu’on peut changer.
Un template SaaS fait envie en démo. Puis l’acheteur remplace le logo, réécrit les textes et le site se casse. Le design reste beau tant que personne n’y touche.
J’ai posé trois règles avant la première page. Tout se change sur le canvas. Aucun visuel produit ne fusionne avec son fond. Aucun effet ne dépend d’un code que l’acheteur ne peut pas lire.
Des captures qui vieillissent.
Un produit change chaque mois, et ses captures aussi. Si l’image fusionne avec son fond, il faut tout refaire.
Des effets qu’on ne sait pas régler.
Un effet codé sans réglage reste figé à la livraison. L’acheteur ne peut ni le changer ni le retirer.
Quatre décisions.
Un visuel produit, un calque à remplacer.
Chaque scène réunit un fond et un calque « Product image ». L’acheteur remplace le calque par sa capture. Le fond, les marges et l’ombre restent en place.
Des fleurs floues à la place des dégradés.
Les templates SaaS se ressemblent : fond dégradé, tableau de bord en perspective. Bloomline pose chaque interface sur une photo de fleurs floue, avec sa propre famille de couleurs.
Les cas clients et les actualités vivent dans un CMS.
Un nouvel item crée la carte, la page et le lien. Chaque cas client a ses fleurs, sa teinte, ses chiffres et sa citation. L’inscription à un événement apparaît quand l’éditeur saisit un lieu.
Une seule animation, réglée dans un panneau.
Le dernier bandeau est un champ de fleurs. Elles se penchent sous le curseur et reviennent en se balançant. L’image et les réglages se changent dans le panneau de propriétés. Le reste du site reste immobile.
Ce que contient le template.
Treize pages, deux collections CMS et dix composants. Chaque page existe en trois tailles d’écran : bureau, tablette et téléphone.
13
pages
Accueil, trois pages de fonctionnalités, tarifs, démo, cas clients, actualités, contact, à propos et 404.
2
collections CMS
Cas clients et actualités, avec événements et inscription.
10
composants
Navigation, boutons, cartes, bouton d’envoi de formulaire, plus un champ de fleurs en code.
Décompte du projet Framer au 21 octobre 2026.
Ce que vous pouvez changer :
TEXTE
Titres, boutons, liens
Directement sur le canvas
VISUEL PRODUIT
Les captures d’interface
Remplacer le calque « Product image ». Le fond reste.
PHOTOS
Les fleurs de fond
Remplacer l’image. La mise en page reste.
CAS CLIENTS
Cartes et pages de récits
Ajouter un item dans le CMS
ACTUALITES
Articles et événements
Ajouter un item. L’inscription apparaît si un lieu est saisi.
ANIMATION
Le champ de fleurs final
Image et réglages dans le panneau de propriétés
