La Compagnie du Web

Just published WaterGuard, a template for water, wastewater and environmental engineering firms.

It came out of a real client build, so the structure is opinionated: every page runs the same conversion path, full-bleed hero, proof through animated metrics, a step-by-step breakdown of the service, then a direct route to contact.

What's in it:

· 14 pages, including six full service page layouts and a CMS blog

· Colours and text styles as reusable tokens, so the whole site restyles from one place

· Motion is part of the layout, not bolted on: character-by-character hero reveals, scroll-triggered counters, staggered cards, parallax imagery

· Three hand-tuned breakpoints, every grid and type scale adjusted per breakpoint

Written for the water sector, but the bones suit any technical services business, engineering, inspection, industrial maintenance, environmental compliance.

Would love your feedback on it 🌊

I thought I'd optimized every image on my Framer sites. Then I found the ones hiding in my CMS.

Hey everyone,

I've been building Framer sites for a couple years now, and before every launch I'd do the same ritual: go page by page, check file sizes, compress the heavy stuff, convert to WebP, add alt text. Tedious but manageable.

Then on one project I noticed a background image inside a component instance I'd never actually clicked into, still a fat 2MB PNG, completely untouched. And a bunch of CMS collection items with images that don't even show up when you're just scanning pages visually. I'd been doing this "thorough" audit for two years and still missing a chunk of every project. 😅

So I built a plugin to actually cover everything: pages, components, CMS collections, all of it, in one panel. Cleaned it up, used it on client work for a while, put it on the Marketplace as Image Manager.

What it does now:

🔍 Scans your whole project - pages, components, and CMS collections (image fields + galleries), not just what's visible on canvas

🗂 Groups everything by where it actually lives, so you're not hunting through pages

🚫 One entry per image, no duplicates from desktop/tablet/mobile breakpoints or component variants

⚠ Flags issues at a glance - oversized files, missing alt text

⚡ One-click optimize: resize + convert to WebP, applied straight to your project

✅ Bulk actions for fixing a whole batch at once instead of one by one

✏ Inline alt text editing for SEO and accessibility

Genuinely curious how the rest of you handle this: by hand, external tools like Squoosh/TinyPNG, or just letting it slide? And if there's something that would actually save you time here, I'm taking notes. 📝

Full disclosure, it's my own plugin, here if you want a look (€7, lifetime): [Link]

Happy to answer anything 👋

I thought I'd optimized every image on my Framer sites. Then I found the ones hiding in my CMS.

Hey everyone,

I've been building Framer sites for a couple years now, and before every launch I'd do the same ritual: go page by page, check file sizes, compress the heavy stuff, convert to WebP, add alt text. Tedious but manageable.

Then on one project I noticed a background image inside a component instance I'd never actually clicked into, still a fat 2MB PNG, completely untouched. And a bunch of CMS collection items with images that don't even show up when you're just scanning pages visually. I'd been doing this "thorough" audit for two years and still missing a chunk of every project. 😅

So I built a plugin to actually cover everything: pages, components, CMS collections, all of it, in one panel. Cleaned it up, used it on client work for a while, put it on the Marketplace as Image Manager.

What it does now:

🔍 Scans your whole project - pages, components, and CMS collections (image fields + galleries), not just what's visible on canvas

🗂 Groups everything by where it actually lives, so you're not hunting through pages

🚫 One entry per image, no duplicates from desktop/tablet/mobile breakpoints or component variants

⚠ Flags issues at a glance - oversized files, missing alt text

⚡ One-click optimize: resize + convert to WebP, applied straight to your project

✅ Bulk actions for fixing a whole batch at once instead of one by one

✏ Inline alt text editing for SEO and accessibility

Genuinely curious how the rest of you handle this: by hand, external tools like Squoosh/TinyPNG, or just letting it slide? And if there's something that would actually save you time here, I'm taking notes. 📝

Full disclosure, it's my own plugin, here if you want a look (€7, lifetime): [Link]

Happy to answer anything 👋

🚀 2 years of manually compressing images in Framer. I finally built a plugin to do it for me.

Hey everyone,

I've been building Framer sites for about two years, and the same boring task slowed me down on basically every project: image optimization.

Right before launch I'd go through the whole site checking file sizes, compressing the heavy ones, converting to WebP, and adding alt text for SEO and accessibility. Nothing hard, just tedious, and way too easy to miss an image or two.

So a few months ago I built a little tool for myself to handle it without leaving Framer. I used it on a bunch of client projects, cleaned it up, and ended up putting it on the Marketplace as Image Manager.

What it does:

Scans every background image across all your pages in a single panel

Flags issues at a glance - oversized files, missing alt text, PNGs that should be WebP

Compresses + converts to WebP in one click, applied right on the canvas

Bulk actions - fix dozens of images at once instead of one by one

Inline alt text editing to clean up SEO and accessibility

It started as a personal productivity thing, but heavy images wreck your Core Web Vitals and missing alt text quietly hurts your SEO, so I figured other Framer folks were hitting the same wall.

Genuinely curious how you all handle this today: by hand, with external tools like Squoosh / TinyPNG, or honestly just skipping it? And if there's a feature that would actually save you time, I'm taking notes.

Full disclosure, it's my own plugin - here if you want a look ($5, lifetime): Link

Happy to answer anything 👋

🚀 2 years of manually compressing images in Framer. I finally built a plugin to do it for me.

Hey everyone,

I've been building Framer sites for about two years, and the same boring task slowed me down on basically every project: image optimization.

Right before launch I'd go through the whole site checking file sizes, compressing the heavy ones, converting to WebP, and adding alt text for SEO and accessibility. Nothing hard, just tedious, and way too easy to miss an image or two.

So a few months ago I built a little tool for myself to handle it without leaving Framer. I used it on a bunch of client projects, cleaned it up, and ended up putting it on the Marketplace as Image Manager.

What it does:

Scans every background image across all your pages in a single panel

Flags issues at a glance - oversized files, missing alt text, PNGs that should be WebP

Compresses + converts to WebP in one click, applied right on the canvas

Bulk actions - fix dozens of images at once instead of one by one

Inline alt text editing to clean up SEO and accessibility

It started as a personal productivity thing, but heavy images wreck your Core Web Vitals and missing alt text quietly hurts your SEO, so I figured other Framer folks were hitting the same wall.

Genuinely curious how you all handle this today: by hand, with external tools like Squoosh / TinyPNG, or honestly just skipping it? And if there's a feature that would actually save you time, I'm taking notes.

Full disclosure, it's my own plugin - here if you want a look ($5, lifetime): Link

Happy to answer anything 👋