Der erste Bildschirm sagt, an wen sich die Website richtet
Ein Titel, das Logo, drei kurze Versprechen und eine Schaltfläche zu den Übungsabenden. Der Ton ist der des Vereins, der seine Tanzenden duzt.
Referenz · Website
Stras'N Swing, die Website eines Tanzvereins, ohne WordPress neu geschrieben.
Ein Straßburger Verein für Rock und West Coast Swing, dessen Website unter WordPress in die Jahre gekommen war. Wir haben sie von Grund auf neu geschrieben, mit einer automatisierten Auslieferungskette online gebracht und auf unseren Servern in Frankreich gehostet. Kunde mit seinem Einverständnis genannt.
01/AusgangslageUnser Ausgangspunkt
Das Vereinsleben spielt sich auf WhatsApp ab, nicht auf der Website
Die Website sollte kein Verwaltungswerkzeug werden: Sie sollte ein glaubwürdiger Einstieg sein, der die Besuchenden dorthin schickt, wo die Gemeinschaft lebt. Zu jedem Ausgangspunkt, was die Website tut.
- 01Ein WordPress, das aktuell gehalten werden musste, Plugins, die zu überwachen waren, ein Erscheinungsbild, das nicht zum Logo in Gold und Rubinrot passte.Eine mit Next.js neu geschriebene Website, ohne Plugins und ohne offen erreichbaren Verwaltungsbereich, mit einem vom Logo abgeleiteten Erscheinungsbild.
- 02Termine, Orte und Preise ändern sich oft und stehen bereits auf WhatsApp und HelloAsso.Die Website verweist auf diese Kanäle, statt sie zu duplizieren; die Seite „Ateliers“ (Workshops) wurde entfernt und umgeleitet.
- 03Ein öffentliches Formular wird binnen weniger Wochen von Bots abgegrast.Drei Hürden, die für Besuchende unsichtbar sind: Honeypot-Feld, automatische Prüfung ohne Kontrollkästchen, Begrenzung der Nachrichten pro Adresse.
- 04Die Reichweite messen, ohne Cookie-Banner und ohne Werbenetzwerk.Messung ohne Cookies auf unserer eigenen Instanz, nur in der Produktion eingebunden; die Statistiken bleiben beim Verein.
02/Was wir gebaut habenBisher geliefert
Eine Website, die von allein läuft und an die richtige Stelle schickt
Kein CMS, kein Administrationsbereich: Der Inhalt ändert sich ein paar Mal im Jahr, er lebt im Code.
- 01Eine Seite, ein Weg. Vom Kennenlernen bis zur Mitgliedschaft: Übungsabende, Gemeinschaft, Workshops, Presse, Kontakt.
- 02Erscheinungsbild aus dem Logo. Gold und Rubinrot auf Schwarz, zwei selbst gehostete Schriften, keine Anfrage an einen Schriftendienst.
- 03Mitmachen per Scan. QR-Codes für WhatsApp und Discord, lesbar vom Bildschirm wie vom Plakat.
- 04Kontaktformular. E-Mail in den Farben des Vereins, Antwortadresse auf den Absender gesetzt, drei Hürden gegen Bots.
- 05Reichweitenmessung ohne Cookies. Auf unserer Instanz, nur in der Produktion; kein Einwilligungsbanner nötig.
- 06Docker-Image. Mehrstufig gebaut, ohne Privilegien ausgeführt, mit einem Healthcheck, der den Container neu startet, wenn er nicht mehr antwortet.
- 07Auslieferungskette. Vorproduktion und Produktion von unserer Forge aus, jedes Image mit seiner Version getaggt, sofortiger Rollback, Secrets außerhalb des Repositorys.
- 08Rechtliche Seiten. Impressum und Datenschutzerklärung, zugeschnitten auf eine Website ohne Cookies und Tracker.
03/Vier BildschirmeDie Website im Betrieb, nichts unkenntlich gemacht
Vier Bildschirme, maßstabsgetreu
Screenshots der Website, wie sie online ist. Diese Seiten sind öffentlich; nichts ist unkenntlich gemacht oder ersetzt.
Drei Schritte, und jeder verweist auf den richtigen Kanal
Der Gruppe beitreten, zum Üben kommen, im Workshop vertiefen. Die Anmeldung zu den Workshops läuft über HelloAsso, das der Vorstand pflegt; die Website sagt das, statt es nachzubauen.
Die Conversion findet außerhalb der Website statt, und das ist gewollt
Ziel der Website ist es, aus Neugierigen Mitglieder der Gruppe zu machen. Die Codes lassen sich vom Bildschirm oder von einem gedruckten Plakat scannen.
Ein Formular ohne sichtbares Captcha
Niemand muss etwas ankreuzen. Ein Honeypot-Feld fängt die Bots ab, eine automatische Prüfung wird serverseitig wiederholt, und eine Begrenzung der Nachrichten pro Adresse hält Missbrauch in Grenzen.
04/TechnologienWas wir gewählt haben und warum
Eine statische Website mit durchgängig automatisierter Auslieferung
Serverseitig gerendert, schnell bei der ersten Anzeige, lesbar für Suchmaschinen.
- OberflächeNext.js und React, standardmäßig Server-Komponenten; nur die animierten Abschnitte laufen im Client.
- Stile und SchriftenDesign einmal festgelegt (Farbpalette, Schriften, Animationen); Schriften beim Build heruntergeladen und von der eigenen Domain ausgeliefert.
- FormularServer-Route, transaktionale E-Mail, Honeypot-Feld, automatische Prüfung serverseitig erneut kontrolliert, Begrenzung pro Adresse.
- ReichweiteMessung ohne Cookies auf unserer Instanz, nur in der Produktion.
- AuslieferungMehrstufiges Docker-Image, Healthcheck, Pipeline auf unserer Forge, Deployment über einen Bastion-Host ohne Administratorschlüssel in der Kette.
- HostingAuf unseren Servern in Frankreich, Routing und Zertifikat automatisch; der Code gehört dem Verein, das Image lässt sich identisch neu bauen.
05/WeiterführendVerwandte Leistungen
Für eine Website, die schnell lädt und Ihnen gehört
Und jetzt
Eine Vereins- oder Unternehmenswebsite neu aufsetzen, ohne ein WordPress überwachen zu müssen?
Beschreiben Sie uns Ihre Website und was sie leisten soll. Wir sagen Ihnen, was machbar ist, mit Zeitrahmen und Preisrahmen.
Ihr Projekt besprechen
Antwort binnen 24 Stunden an Werktagen, von einem der beiden Gründer. Oder telefonisch: +33 7 59 96 14 99.