# Ressources recommandées — Webflow

## 5 sites Webflow de référence à étudier

### 1. Ramp
- Site à étudier : [ramp.com](https://ramp.com)
- Pourquoi c'est excellent : promesse ultra claire, sections courtes, preuve sociale bien placée, CTA visibles sans agressivité.
- À observer : la hiérarchie de page et la façon dont chaque bloc pousse vers la conversion.

### 2. Vanta
- Site à étudier : [vanta.com](https://www.vanta.com)
- Pourquoi c'est excellent : très bon équilibre entre pédagogie, crédibilité et lisibilité pour un produit complexe.
- À observer : la structure des bénéfices, les répétitions de CTA et le rythme entre texte, captures et logos.

### 3. Lattice
- Site à étudier : [lattice.com](https://lattice.com)
- Pourquoi c'est excellent : design propre, composants réutilisables et architecture pensée pour faire évoluer beaucoup de pages.
- À observer : la cohérence des sections, des cards et des blocs comparatifs.

### 4. Jasper
- Site à étudier : [jasper.ai](https://www.jasper.ai)
- Pourquoi c'est excellent : branding fort, direction artistique assumée, animations qui soutiennent le message au lieu de le parasiter.
- À observer : la relation entre motion, storytelling et lisibilité.

### 5. Talkspace
- Site à étudier : [talkspace.com](https://www.talkspace.com)
- Pourquoi c'est excellent : mise en confiance immédiate, vocabulaire simple, parcours clair malgré une offre riche.
- À observer : l'usage des preuves, FAQ, rassurance et appels à l'action.

## 3 chaînes YouTube incontournables

### 1. Webflow
- À regarder pour : les bases officielles, le CMS, le responsive, les nouveautés produit et les bonnes pratiques fondamentales.

### 2. Finsweet
- À regarder pour : la logique de classes, Client-First, les composants réutilisables et les workflows plus propres.

### 3. T.RICKS
- À regarder pour : les layouts avancés, les animations utiles, GSAP dans Webflow et la construction de systèmes plus solides.

## 2 communautés à rejoindre

### 1. Webflow Forum
- Idéal pour : poser vos questions, chercher des solutions déjà documentées et voir les problèmes fréquents des débutants.

### 2. Webflow Network Groups / Community
- Idéal pour : rencontrer d'autres créateurs, assister à des événements, voir des cas concrets et progresser plus vite que seul.

## Outils complémentaires gratuits

### Design & wireframe
- Figma : wireframes, maquettes rapides et organisation des idées avant Webflow.

### Images
- Unsplash : photos gratuites propres pour les maquettes et les sections hero.
- Pexels : alternative utile pour compléter une sélection visuelle rapidement.

### Typographie
- Google Fonts : bibliothèque simple et fiable pour trouver des combinaisons lisibles.

### Icônes
- Phosphor Icons : set cohérent, moderne et facile à intégrer.
- Lucide : icônes sobres si vous voulez un style plus minimal.

### Optimisation
- TinyPNG : compression rapide des images avant import.
- Squoosh : réglages fins pour alléger images et exports WebP.

### Rédaction & SEO
- Notion : centraliser brief, structure de pages et textes.
- Google Docs : écrire puis faire relire les contenus avant intégration.

## Méthode simple pour exploiter ces ressources

1. Étudiez un seul site de référence à la fois.
2. Notez ce que vous aimez dans la structure, pas seulement dans le visuel.
3. Reproduisez un bloc simple dans Webflow pour comprendre sa logique.
4. Revenez ensuite à votre propre projet avec un système plus clair.