Nestor PeñaDesign Engineer · Product Designer

Étude de cas 04 · Freelance · seul, de bout en bout1 min de lecture

Un site multilingue, une migration SEO et les paiements, réalisés seul.

Pour une école de danse bernoise, j’ai créé un site multilingue, migré son SEO et construit la facturation sur des QR-factures suisses.

Réalisé avec
  • Figma
  • Claude Code
  • React
  • Vite
  • Swiss QR-bill
  • GitHub
  • Cloudflare Pages
~200élèves facturés
3langues
1week-end pour la facturation
7styles de danse
L’équipe d’Abailar dans le studio
Mode d'affichage

Vous voyez le résultat. Activez la couche Réflexion pour voir comment j'y suis arrivé.Vous voyez les notes en marge, les croquis et les options que j'ai écartées.

Contexte et rôle

seul, de bout en bout

Un site WordPress dans une seule langue, et une facturation à la main pour 200 élèves.

  • BudgetPas de frais TWINT ni Stripe
  • SEOGarder le classement pendant la migration
  • ConformitéLes factures doivent respecter le standard QR-facture suisse

Ma réflexion

les frais ont tranché

Paiements

TWINT ou Stripe
Facturer à la main

QR-factures suisses par e-mail

Aucun frais, toutes les banques suisses l’acceptent, et un tableau de bord montre qui a payé.

Plateforme

Rafraîchir WordPress
Un créateur de sites

Développement sur mesure, prérendu

Des pages rapides et un contrôle total du SEO.

Migration SEO

Lancer et espérer
Seulement des redirections

Prérendu, JSON-LD, hreflang

La recherche locale décide quelle école on essaie en premier, donc le Google Business Profile a suivi.

Ce que j’ai construit

Page d’accueil d’Abailar sur ordinateur : l’équipe sous le logo Abailar Tanzschule, un bouton pour un cours d’essai et un bandeau défilant de styles de danse
Page d’accueil d’Abailar sur téléphone : logo, l’équipe et le bouton pour réserver un cours d’essai
Sept styles, un seul langage : la grille des cours avec les cartes Cuban Salsa, Salsa Styling et Hip-Hop · Reggaetón
Chaque facture est une QR-facture suisse valide : les élèves scannent le code dans leur app bancaire pour payer.
  • Site web. Allemand, français et anglais, prérendu pour les moteurs de recherche.
  • Paiements. Des API de factures suisses génèrent une QR-facture valide par facture ; les élèves paient depuis leur app bancaire.
  • Tableau de bord. Qui a payé, d’un coup d’œil. Construit en un week-end.

Impact

~200 élèves facturés chaque trimestre, sans frais de paiement.

Ce que je ferais autrement

  1. Mesurer le classement dans les recherches avant la migration.
  2. Donner aux élèves une vue en libre-service de leurs paiements.

Petite entreprise, vraies fonctionnalités ?