06/Site vitrine · Astro
Studio Œillet
Le site de mon studio web à Guérande : rapide, bien référencé localement, avec une 404 générative.
- Rôle
- Direction artistique, contenu et développement
- Période
- 2026
- Statut
- En ligne · studio-oeillet.fr
Code privé — démo sur demande. Le dépôt est privé. Je fais volontiers une démo de l’application en visio ou en entretien.
Demander une démo
- Lighthouse mobile
- 96
- framework JS côté client
- 0
- images responsives
- AVIF
Contexte
Studio Œillet est mon activité de création de sites pour les commerçants et artisans de la presqu’île guérandaise. Le site devait inspirer confiance et charger vite.
Le problème
Un site de petite entreprise qui se démarque visuellement sans sacrifier la performance ni le référencement local.
Architecture & choix techniques
- 01
Astro, sans framework client
Pages statiques, CSS natif et quelques scripts ciblés : le calculateur de rentabilité est écrit en JavaScript vanilla.
- 02
SEO local structuré
JSON-LD ProfessionalService et FAQPage, sitemap, et une image Open Graph générée par script au build.
- 03
Un pipeline photo exigeant
Le build échoue si une photo n’a pas de crédit. Les sorties sont en AVIF et WebP responsives.
- 04
Une 404 générative
La page d’erreur dessine une grille de marais salant générée en Canvas 2D, dans l’esprit de la direction artistique du site.
Stack
- Astro
- TypeScript
- CSS natif
- Canvas 2D
- SVG
- JSON-LD
- AVIF / WebP
- Netlify
- Netlify Forms
Galerie (6)
Sélectionnez une image pour l’agrandir.