Vibe Coding | Formation Vibe Coding Suisse | Journal IA & Développement

La Maîtrise de la Cathédrale de Sion est un chœur de 40 voix. Leur site datait de 2015. Voici comment on a abordé ce projet sur 4 mois.

Le brief

Client : Maîtrise de la Cathédrale de Sion (institution culturelle)

Besoin : Refonte complète du site web

Budget : 12,000 CHF sur 4 mois (3,000 CHF/mois)

Contraintes :

- Respecter l'identité visuelle existante (bleu profond)

- Site administrable par des non-techniciens

- Calendrier des événements 2025-2026 intégré

Notre approche : 4 mois de partenariat

Mois 1 - Discovery et design

- Audit du site existant

- Interviews avec le comité

- Maquettes Figma

- Validation de la direction artistique

Mois 2 - Développement

- 18 pages développées (Next.js + Tailwind)

- Système d'événements avec Google Calendar

- Galerie photos optimisée

- Formulaire de contact

Mois 3 - SEO et contenu

- Optimisation pour "chœur Sion", "concerts cathédrale Valais"

- Rédaction des textes manquants

- Structured data pour les événements (Schema.org Event)

- Intégration Google Business Profile

Mois 4 - Formation et lancement

- 2h de formation à l'administration

- Documentation utilisateur

- Go-live

- Ajustements post-lancement

Stack technique

Framework : Next.js 15 (App Router)

Styling : Tailwind CSS

Hébergement : Vercel

Calendrier : Google Calendar API (lecture seule)

CMS : Pas de CMS classique. Contenu en markdown, éditable via GitHub.

Pourquoi pas WordPress ?

- Performance (Next.js = 95+ PageSpeed)

- Sécurité (pas de plugins, pas de failles)

- Coût (pas d'hébergement PHP, pas de maintenance WP)

Résultats

Performance

- PageSpeed Mobile : 94/100

- PageSpeed Desktop : 98/100

- Temps de chargement : <2s

SEO (3 mois après lancement)

- Position moyenne sur "maîtrise cathédrale sion" : #2

- Position moyenne sur "chœur sion" : #5

- Impressions mensuelles : ~800

Satisfaction client

Le président de la Maîtrise utilise le site comme carte de visite. Il envoie le lien aux partenaires. C'est le meilleur indicateur.

Ce qu'il faut retenir

-Un projet de 4 mois permet d'itérer. 4 semaines = livraison, pas partenariat.
-La formation est aussi importante que le développement.
-Next.js + Vercel = performance sans maintenance serveur.
-Le vrai KPI : est-ce que le client est fier de montrer son site ?

Stack

Next.js 15Tailwind CSSVercelGoogle Calendar APISchema.org Event

site web institution culturelle | développement web Valais | Next.js projet client | agence web Sion | vibe coding projet

Projet client : Site web pour la Maîtrise de la Cathédrale