Nestor PeñaDesign Engineer · Product Designer

Fallstudie 04 · Freelance · allein, von A bis Z1 Min. Lesezeit

Mehrsprachige Website, SEO-Migration und Zahlungen, allein gebaut.

Für eine Berner Tanzschule habe ich eine mehrsprachige Website gebaut, ihr SEO migriert und eine Abrechnung mit Swiss QR-Bills gebaut.

abailar-bern.ch besuchen ↗︎
Gebaut mit
  • Figma
  • Claude Code
  • React
  • Vite
  • Swiss QR-bill
  • GitHub
  • Cloudflare Pages
~200Schüler abgerechnet
3Sprachen
1Wochenende für die Abrechnung
7Tanzstile
Das Abailar-Team im Studio

Sie sehen das Ergebnis. Schalten Sie die Denkebene ein, um zu sehen, wie ich dorthin kam.Sie sehen Randnotizen, Skizzen und die Optionen, die ich verworfen habe.

Kontext und Rolle

allein, von A bis Z

Eine WordPress-Site in einer Sprache, und die Abrechnung für 200 Schüler von Hand.

  • BudgetKeine Gebühren für TWINT oder Stripe
  • SEORankings beim Umzug halten
  • ComplianceRechnungen müssen dem Swiss-QR-Bill-Standard entsprechen

Wie ich vorgegangen bin

die Gebühren gaben den Ausschlag

Zahlungen

TWINT oder Stripe
Rechnungen von Hand

Swiss QR-Bills per E-Mail

Keine Gebühren, jede Schweizer Bank unterstützt es, und ein Dashboard zeigt, wer bezahlt hat.

Plattform

WordPress auffrischen
Ein Website-Baukasten

Eigener, vorgerenderter Build

Schnelle Seiten und volle Kontrolle über SEO.

SEO-Migration

Launchen und hoffen
Nur Redirects

Prerendering, JSON-LD, hreflang

Die lokale Suche entscheidet, welche Schule man zuerst ausprobiert, deshalb kam das Google Business Profile mit.

Was ich gebaut habe

Abailar-Startseite auf dem Desktop: das Team unter dem Logo der Abailar Tanzschule, ein Button für die Probelektion und ein Ticker mit Tanzstilen
Abailar-Startseite auf dem Smartphone: Logo, das Team und der Button zum Buchen einer Probelektion
Sieben Stile, eine Sprache: das Kursraster mit Karten für Cuban Salsa, Salsa Styling und Hip-Hop · Reggaetón
Jede Rechnung ist eine gültige Schweizer QR-Rechnung: Die Kursteilnehmenden scannen den Code in ihrer Banking-App und zahlen.
  • Website. Deutsch, Französisch und Englisch, vorgerendert für die Suche.
  • Zahlungen. Schweizer Rechnungs-APIs erzeugen pro Rechnung eine gültige QR-Bill; Schüler zahlen in ihrer Banking-App.
  • Dashboard. Wer bezahlt hat, auf einen Blick. An einem Wochenende gebaut.

Wirkung

~200 Schüler jedes Semester abgerechnet, ohne Zahlungsgebühren.

Was ich anders machen würde

  1. Die Suchrankings vor der Migration messen.
  2. Den Schülern eine Self-Service-Ansicht ihrer Zahlungen geben.

Kleines Unternehmen, echte Funktionen?

Schreiben Sie mirLinkedIn