Créer son site avec Framer : pour qui ?

Les sites construits avec Framer se reconnaissent souvent dès le premier défilement : des blocs qui glissent en place, des images qui s'agrandissent au survol, des transitions fluides d'une section à l'autre. L'effet séduit, et il fait beaucoup pour la réputation de l'outil. Mais que vaut Framer pour un commerce ou un indépendant, selon que vous construisez le site vous-même ou que vous le confiez à un designer ?

Framer en quelques mots

Framer a d'abord servi aux designers d'interfaces à simuler des applications et des sites avant leur développement. Il est devenu un créateur de sites complet, qui héberge aussi les pages qu'on y construit, à la manière de Wix ou de Squarespace. Sa logique reste celle d'un logiciel de design : une grande zone de travail, des éléments que l'on place librement, des réglages distincts pour l'ordinateur, la tablette et le téléphone.

L'outil réunit une base de contenus pour les articles ou les réalisations, des formulaires, une bibliothèque de modèles et des fonctions d'intelligence artificielle qui proposent une première ébauche de page à partir d'une description. Une formule gratuite permet en général de tester l'outil sur une adresse fournie par Framer. La publication sous votre propre nom de domaine passe par un abonnement, dont la formule varie selon les besoins du site, par exemple le nombre de pages ou le volume de visites.

Les animations, un atout à doser

Ce qu'elles apportent

Ce qui demanderait du code ailleurs se règle ici en quelques clics : apparition des blocs au défilement, effets au survol, bandeaux qui défilent, transitions entre les pages. Bien dosées, ces animations donnent du caractère à un concept store, à un studio de tatouage ou au portfolio d'un photographe, et elles guident le regard vers un bouton de réservation.

Ce qu'elles coûtent

Chaque effet demande du travail au téléphone du visiteur, et une page trop animée se charge et se lit moins bien. Certaines personnes supportent mal les mouvements à l'écran et activent pour cette raison une option de réduction des animations sur leur appareil. Avant la mise en ligne, vérifiez trois points :

le texte reste lisible pendant et après l'animation, sans dépendre d'un survol de souris qui n'existe pas sur téléphone ;
les informations pratiques, comme l'adresse, les horaires ou les prix, s'affichent tout de suite ;
les animations s'atténuent pour les visiteurs qui ont demandé à les réduire.

Premier cas : vous partez d'un modèle

Les modèles de Framer, gratuits ou payants, sont pour la plupart proposés par des designers indépendants. Leur finition est souvent remarquable, mais beaucoup visent des start-up, des agences ou des portfolios. Une boulangerie ou un plombier devra réorganiser les sections, remplacer le vocabulaire et ajouter ce qui manque : horaires, zone d'intervention, plan d'accès, mentions légales. Pour un modèle payant, lisez aussi les conditions d'utilisation, en particulier le nombre de sites autorisés.

Comptez ensuite du temps d'apprentissage. Modifier un texte reste simple ; déplacer un bloc sans décaler toute une section, surtout dans l'affichage pour téléphone, demande de comprendre comment l'outil empile les éléments. Les ressources d'apprentissage sont en grande partie en anglais. Si vous aimez la mise en page et disposez de quelques soirées, le résultat peut être très soigné ; sinon, le modèle risque de rester à moitié adapté.

Second cas : un designer construit, vous modifiez

L'accès aux contenus

Confier la construction à un designer reste souvent la formule la plus raisonnable pour une petite entreprise. Il conçoit le site, puis vous ouvre un accès limité aux contenus : textes, images, articles de la base. Demandez à voir cet accès sur un site qu'il a déjà livré et changez vous-même un horaire ou une photo : en cinq minutes, vous saurez si vous serez autonome. Une nouvelle page, une section différente ou un autre formulaire resteront en revanche de son ressort, avec un délai et un coût à prévoir.

L'abonnement et le compte

Faites préciser par écrit la formule d'abonnement nécessaire, qui la paie, et si des accès payants s'ajoutent pour les personnes qui modifient le contenu. Vérifiez enfin à quel compte le site sera rattaché. Un site Framer ne se déplace pas tel quel chez un autre hébergeur : le jour d'un départ, vous emportez vos textes, vos images et votre domaine s'il est à votre nom, et la mise en page est à refaire. L'article sur la propriété de votre site internet liste les accès à récupérer.

Référencement : ce que Framer gère, ce qui dépend du designer

Les réglages essentiels sont accessibles : titre et description de chaque page, adresse personnalisée, image de partage pour les réseaux sociaux, texte alternatif des images, redirections quand une page change d'adresse. Le plan du site destiné aux moteurs de recherche se génère seul. La qualité du résultat dépend surtout de la construction des pages.

Assurez-vous que chaque page porte un seul titre principal, déclaré comme tel dans les réglages du texte, que chaque service important dispose de sa propre page et que rien d'essentiel n'est écrit dans une image. Pour rédiger le titre et la description de vos pages, suivez la méthode de l'article sur la balise title et la meta description.

Framer, ou une autre solution ?

Framer convient bien quand l'image de votre activité justifie un design travaillé et qu'un designer qui maîtrise l'outil reste disponible. Pour tout gérer seul, Wix ou Squarespace se prennent en main plus vite. Webflow suit une logique proche de celle de Framer, comme le montre l'article sur Webflow pour un petit site, et un site sur mesure léger ne dépend d'aucune plateforme. Pour avancer :

Listez ce que vous modifierez chaque mois, puis testez ces modifications dans l'outil envisagé.
Ouvrez sur votre téléphone quelques sites réalisés avec Framer, avec puis sans l'option de réduction des animations, et jugez la lecture.
Comparez le coût sur trois ans avec un site livré clé en main : chez nous, un site d'une page coûte 600 € HT et un site de cinq pages 950 € HT, comme l'indique la grille des tarifs.