DONABEAUTY
Luxuriöser Auftritt für ein Beauty-Studio in Reinach AG mit Behandlungen, Online-Buchung und Boutique, in sechs Sprachen.
Das Beauty-Studio DONABEAUTY aus Reinach AG wollte einen Auftritt, der sich anfühlt wie die Behandlung selbst: luxuriös, ruhig, präzise und in sechs Sprachen für ein internationales Publikum.
Technisch ungewöhnlich: Das Frontend ist in F# geschrieben und wird mit Fable nach React 19 kompiliert. Typsicher vom Datenmodell bis in die UI, gestaltet mit Tailwind auf einem eigenen Design-System.
Dahinter vorbereitet: Online-Buchung über Supabase, die Boutique über die Shopify Storefront API und Zahlungen über Stripe.
Ablauf in 25 Schritten
Jedes Projekt läuft nach demselben Fahrplan: sechs Phasen, 25 Schritte, jeder dokumentiert. So sah er hier aus.
Start
Auftrag steht, alle wissen, was gilt
- Auftrag bestätigtOfferte für einen mehrsprachigen Auftritt mit Online-Buchung und Boutique unterschrieben, Start und Liefertermin fixiert.
- Kickoff-MeetingZiel in einem Satz: Behandlungen online buchbar machen und ein internationales Publikum in sechs Sprachen erreichen.
- Unterlagen & ZugängeLogo, Behandlungsliste mit Preisen, Studiofotos, Firmenangaben fürs Impressum und Zugänge zu Domain, Shopify und Buchungsdaten eingeholt.
Konzept
Struktur, Design-Richtung, Inhalte
- Struktur & SitemapStruktur: Startseite, Behandlungen, Buchung, Boutique, Über uns, Kontakt; jede Seite führt zur Buchung.
- Design-RichtungLuxuriös, ruhig, präzise: eigenes Design-System auf Tailwind, warme Bildwelt, viel Raum um jede Behandlung.
- Inhalte fertigstellenBehandlungstexte geschrieben und in sechs Sprachen vollständig lokalisiert, Studiofotos ausgewählt.
Umsetzung
Bauen, zeigen, anpassen
- Entwurf StartseiteStartseite in F# gebaut und mit Fable nach React 19 kompiliert, typsicher vom Datenmodell bis in die UI.
- ZwischenpräsentationStand am Bildschirm gezeigt, Rückmeldungen zu Bildwelt und Buchungsfluss als Liste, Richtung freigegeben.
- Alle Seiten & InhalteAlle Seiten und Sprachvarianten gebaut, Buchung über Supabase, Boutique über die Shopify Storefront API, Zahlungen über Stripe vorbereitet.
- Impressum & DatenschutzImpressum und Datenschutzerklärung nach nDSG, inklusive Buchung, Shop, Zahlung und Statistik.
- Kontakt & FormulareBuchungs- und Kontaktformular mit Spam-Schutz, Zustellung und Bestätigungsmail getestet, Telefon auf dem Handy klickbar.
Technik & Go-Live
Domain, DNS, HTTPS, Abnahme, live
- Domain & DNSDomain beim Registrar geprüft, Einträge dokumentiert, Umzug vorbereitet, Mail-Einträge unverändert.
- Hosting & HTTPSHosting eingerichtet, Zertifikat aktiv, http leitet auf https, Backups von Site und Buchungsdaten.
- QualitätscheckAuf Handy, Tablet und Desktop durchgeklickt: Buchungsfluss in allen Sprachen, Shop, Ladezeit.
- AbnahmeAbnahme mit dem Kunden durchgeführt und schriftlich festgehalten.
- Go-LiveGo-Live an einem Werktag am Vormittag, danach Buchung und Boutique live geprüft.
Sichtbarkeit
Google, Statistik, Basis-SEO
- Google Search ConsoleSearch Console eingerichtet, Sitemap mit allen Sprachvarianten eingereicht, hreflang geprüft.
- Google Business ProfileGoogle Business Profile geprüft und mit Website, Behandlungen, Öffnungszeiten und Bildern abgeglichen.
- StatistikDatensparsame Besucherstatistik ohne Cookie-Banner eingerichtet.
- Basis-SEOTitel, Beschreibungen und strukturierte Daten für den Salon je Sprache, Bilder mit Alt-Texten.
Übergabe & Betreuung
Doku, Rechnung, Abo, Referenz
- ÜbergabedokumentÜbergabedokument mit Hosting, Domain, DNS, Supabase, Shopify, Stripe und allen Zugängen übergeben.
- SchlussrechnungSchlussrechnung aus dem Auftrag gestellt.
- Betreuung & AboBetreuung als Abo: Updates, Monitoring, Backups und Sicherheits-Check.
- Referenz & BewertungProjekt als Referenz freigegeben, Screenshots und Beschreibung abgestimmt.
- Nachfassen nach 30 TagenNach 30 Tagen nachgefragt: Buchungen laufen, offene Wünsche aufgenommen.