Sommaire
Templates Notion pour marketeurs à 5 pattes
Quand on doit créer une landing page, on commence souvent par aller chercher de l’inspi sur internet. On ouvre un premier onglet, puis un deuxième, et… 47 onglets plus tard, on réalise que trois heures sont passées, mais que notre Google doc est toujours aussi vide que la tête de Donald Trump.
Bref, si toi aussi, tu passes plus de temps à chercher l’inspiration pour ta landing page qu’à la construire, you are not alone !
En 2017, quand j’ai commencé à créer des sites web et des pages de vente, je voulais teeeellement bien faire que je passais plus de temps à chercher de l’inspiration, qu’à produire la page.
Mais, au fil des années, j’ai fini par me constituer une liste de ressources vraiment quali pour nourrir ma phase d’idéation, sans perdre des heures à errer sur internet.
C’est cette liste que je te partage aujourd’hui !
Au programme :
- des bibliothèques de landing pages pour dénicher des sections bien foutues
- des plateformes créatives pour libérer le créatif qui dort en toi
- des ressources pour progresser en UX/UI et créer des interfaces qui feront kiffer tes utilisateurs
- un template Notion à télécharger pour stocker tes meilleures trouvailles et commencer à constituer ta propre bibliothèque de sections
Prends ton café, ouvre tes favoris, c’est parti. 
Bibliothèques de landing pages et sites web
Avant de me lancer dans le copywriting d’une landing page, j’aime avoir en tête l’aspect de chaque section.
Ça m’aide à structurer ma pensée et à savoir combien de mots je dois viser.
Je commence donc toujours par un petit benchmark, histoire de me mettre le pied à l’étrier et de stimuler ma créativité. C’est, à mon humble avis, bien plus facile que de partir d’une page blanche.
J’utilise (bien-sûr) Notion pour ranger les screenshots de mes trouvailles préférées.
Mais, où trouver des exemples concrets de sections hero cool ? De landing pages ou de sites web ?
Il existe des bibliothèques assez géniales, qui nous servent sur un plateau des exemples tous prêts de landing pages.
On peut les filtrer :
- par sections
- par secteur ou type de site
- par couleur dominante
- par taille d’écran - malin, pour voir comment les sections s’adaptent en responsive
Pourquoi vouloir réinventer la roue quand il suffit d’observer ce qui marche et s’en inspirer intelligemment ?
Voici mes sites préférés, où tu pourras dégoter des exemples de sections hyper propres, créées par de vrais designers (clairement, c’est un métier !)
Figma Community
Alors là, attention pépite !
Bon, j’avoue depuis que j’ai découvert Figma, je suis devenue obsessed. Je m’en sers pour absolument tout : créer les maquettes des pages du site de Momentum Templates, mes visuels pour les réseaux sociaux, mockups etc…
Un jour, je clique par curiosité sur le bouton ‘Figma Community’, que j’avais ignoré jusqu’à présent.
Et… oooh maaaaan, quelle ne fut pas ma surprise !
*Moi, ouvrant la boîte de Pandore de Figma community* C’est énorme tout ce qu’on trouve là-dessus. Je te conseille de commencer avec des mots clés comme ‘landing page’, ‘sales page’ ou ‘optin page’ pour trouver ton bonheur.
Attention, tu risques comme moi de tomber dans un gouffre spatio-temporel.
PS : Figma est gratuit, dans la limite d’un certain nombre de fichiers. Tu as largement de quoi faire avec la version gratuite si tu t’organises bien et que tu ranges tes assets proprement, dès le départ !
SaaS Landing Page
Des centaines d’exemples de sites des plus gros SaaS du moment… Parfait si tu as un branding plutôt tech. Quelques filtres qui font le job.
Définition
SaaS : Les SaaS sont partout : Notion, Figma, HubSpot, Canva… même Adobe s’y est mis !
Un SaaS, pour Software as a Service, c’est un logiciel que tu utilises directement en ligne, très souvent via un abonnement.
Landings.dev
Une bibliothèque d’exemples de designs, qu’on peut trier par couleur dominante ou stack technique (WordPress, Webflow…).
L’accès gratuit donne accès à un nombre très respectable de ressources. Le plan payant commence à 6$ par mois.
Landbook
Une collection massive de designs de sites web, triés par catégories : articles de blog, landing pages, fiches produits…
Lapa Ninja
L’interface utilisateur est plus chargée mais on y trouve des milliers de landing pages — presque 7 000 à l’heure où j’écris ces lignes — qu’on peut trier par couleur, secteur et mots clés divers et variés (de isometric à cryptocurrency).
One Page Love
Comme son nom l’indique, cette bibliothèque ne référence QUE des landing pages, sites web et pages d’optin qui ne font pas plus d’une page.
Framer Library
framer.com/marketplace/templates
Attention, nouvelle pépite en vue 👑
Framer est le nouveau compétiteur de Webflow et ce CMS no-code commence à peser dans le game.
Leur bibliothèque de templates (payants et gratuits) est assez ouf pour puiser des idées de design de site web.
Le + : Il y a +2 000 templates, que l’on peut « preview ».
Une belle feature qui nous permet de voir comment les différents sites s’adaptent en responsive, et de découvrir des micro-interactions très coolos.
Définition
CMS : Des Content Management Systems, tu en connais déjà des tas : WordPress est le plus connu, mais il existe aussi Wix, Webflow ou encore Framer…
Ce sont des outils qui te permettent de créer, gérer et mettre à jour un site web sans avoir à coder.
Maintenant que tu as une idée de la mise en page, passons à un autre domaine tout aussi important : la créa.
Plateformes créatives
Si tu cherches à donner un look and feel unique à ta page web, tu peux aussi te tourner vers des plateformes centrées autour de la créativité et des artistes, comme celles-ci :
On ne le présente plus, c’est un peu le vieux briscard des réseaux sociaux, toujours présent pour lancer un projet créatif. Ne pas négliger son potentiel : Pinterest est top pour dénicher des idées de design créatif, de sections de landing pages et de wireframes, souvent agglomérés par les artistes ou les designers eux-mêmes.
Dribbble
Une plateforme qui sert de vitrine aux designers. Le filtre “landing page” fait remonter de belles créas.
On peut tout parcourir sans avoir à s’inscrire (contrairement à Behance, qui m’uuuse à me demander inlassablement de me connecter à chaque fois que je lui rends visite).
Perso, je préfère l’interface et les projets que je déniche sur Dribbble que sur son homologue de chez Adobe, Behance.
Awwwards
Des sites web uuuuultra créatifs, parfait pour chopper des idées design innovantes et s’inspirer de DA qui tranchent avec les sites web qu’on voit partout.
Définition
La direction artistique (ou DA pour les intimes), c’est un peu le GPS graphique d’un projet.
La DA, c’est l’ensemble des choix visuels qui donnent une identité forte à un projet. Couleurs, typographies, mise en page, images, animations…
Tout ce qui participe à créer une expérience esthétique cohérente et marquante.
C’est ce qui fait qu’un site, une pub ou une identité de marque raconte une histoire et se différencie de ses concurrents.
Marketplaces de ressources de design graphique
Maintenant que tu as en tête la structure de ta landing page, ses différentes sections et sa direction artistique, tu as peut-être besoin de ressources plus spécifiques : typos stylées, pictos, mockups…
C’est ici que ça se passe ⬇️
Freepik
Je me sers de cette plateforme depuis des années, et elle a vraiment upgradé son jeu dernièrement !
Tu peux y trouver des tas de ressources gratuites, qui sont même éditables avec l’IA (vecteurs, illustrations, photos, mockups…) et aussi quelques exemples de sections basiques de landing pages.
UI8
🔗 ui8.net
Une autre marketplace de ressources (polices, mockups, kits UI et wireframes Figma, icônes…)
Pratique pour suivre les tendances design du moment.
La galerie de templates Canva
Canva comporte aussi pas mal d’exemples de designs de sites web simples et esthétiques, avec des tas de DA différentes.
Ressources pour progresser en UX/UI design
Growth.Design
Des études de cas UX racontées en BD. Un boulot monstre accessible gratuitement, qui nous est offert par Dan Benoni et Louis-Xavier Lavallée.
C’est fun, digeste, ludique et toujours passionnant. Ils envoient aussi des mini-études de cas pédagogiques via leur newsletter.
Je suis tellement fan que j’ai carrément créé un système Notion pour stocker les meilleurs insights.
Beaucoup de copywriters répètent à tout-va que le design d’un site importe peu, que c’est au niveau du contenu texte que tout se joue.
Comme par hasard, ce sont souvent les mêmes qui ont des sites dignes des plus beaux skyblogs des années 2000.
Coïncidence ? Je ne pense pas 
Au contraire, je pense que le design et l’expérience utilisateur sont clés pour véhiculer les attributs de branding d’une marque.
Comme dirait Coco Chanel, “vous n’aurez pas deux fois l’occasion de faire une bonne impression ».
Évidemment, tout le monde prêche pour sa paroisse, mais de mon point de vue de copywriter, c’est 50/50.
En tout cas l’UX et l’UI design ont beaucoup en commun avec le copywriting, et en particulier le fait que ces disciplines sont intrinsèquement liées à la psychologie de notre lecteur/utilisateur/prospect.
Si comme moi, l’UX et l’UI design sont des domaines qui te passionnent, tu vas adorer les ressources que je vais te présenter.
GoodUI
Des conseils et des exemples basés sur des A/B tests réels pour améliorer l’expérience utilisateur et les conversions.
Template Notion pour rassembler les meilleures sections chinées sur le web
Avec les années, j’ai commencé à avoir quelques projets landing pages au compteur.
Mais j’en avais marre de me triturer le cerveau, en me demandant…
- C’était quoi déjà ce site qui avait une section bénéfices hyper bien foutue ?
- Et cette section avec des bento box dans les jaunes, elle ressemblait à quoi déjà ?
- J’avais vu passer une fiche produit minimaliste et efficace, elle est oùùùù ?
- Rah, si seulement j’avais un endroit où rassembler toutes les meilleures sections hero que j’ai croisées depuis le temps…
C’est tellement dommage de ne pas capitaliser sur tout ce travail de benchmark et de recherches graphiques !
Pour remédier à ce problème, j’ai créé un système sur Notion, qui me permet de stocker toutes mes inspirations de landing pages et sites web préférées.
Ce système me permet :
- D’alimenter une bibliothèque perso de screenshots de mes sections préférées
- De filtrer mes trouvailles par sections pour aller chercher ce qui m’intéresse, quand j’en ai besoin
La bonne nouvelle : il contient déjà +70 ressources pour t’inspirer. Il ne te reste plus qu’à continuer de l’alimenter !
Tu peux le télécharger gratuitement juste ici : La Banque d’Inspiration.
Te voilà maintenant équipé·e pour prendre un shoot d’inspiration. Mais il y a autre chose qui compte, c’est le contenu pur et dur de ta landing page. Et pour ça, rien de tel qu’un brief de qualité, qui ne laisse aucune zone d’ombre.
J’espère qu’avec ces ressources, tu économiseras de précieuses heures pour te concentrer sur l’essentiel : concevoir une expérience utilisateur fluide et une landing page qui convertit.
L’inspiration, c’est comme le café : parfois, il suffit d’un petit coup de boost pour voir les choses sous un autre angle 
.
