Webentwicklung für MTB & Downhill Verein Tirol, ein Projekt der Werbeagentur Invisions
Website für einen Bikeverein
Anmelden, nachlesen, erreichbar bleiben: die Stelle, an der beim Verein jede Saison alles zusammenläuft.
Ausgangslage
Fragen ohne feste Adresse
Der Verein
Ehrenamt neben dem Training
Ein Verein wird abends und am Wochenende geführt. Wer im Mai Gruppen einteilt, hat nicht die Zeit, im Februar jede Anfrage einzeln zu beantworten, und erst recht keine, eine Website zu pflegen. Jede Lösung, die laufende Arbeit erzeugt, ist deshalb keine. Das gilt für die Seite genauso wie für den Flyer, der jede Saison neu befüllt wird.
Die Eltern
Alter, Ort, Termin, Kosten
Vor jeder Saison kommt dieselbe Liste an Fragen, und sie kommt über vier Kanäle: Nachricht, Mail, Anruf und Gespräch am Trailrand. Solange die Antworten nur in den Köpfen des Vorstands stehen, beantwortet sie jemand jedes Mal von Hand. Eine Website erledigt dieselbe Arbeit einmal, wenn die Antworten dort als Text stehen und die Anmeldung gleich daneben.
Invisions
Wir bauen Seiten, die niemand pflegen muss
Vereinswebsite für den Bikenachwuchs
Der MTB & Downhill Verein Tirol nimmt jede Saison dieselben Anmeldungen entgegen: Mitgliedschaft, Kinder- und Jugendtraining, Trikot, Schnuppertage. Auf der Website hat jedes dieser Angebote eine eigene Seite mit Beschreibung, Termin und Formular, und die Kacheln der Startseite führen ohne Umweg dorthin. Dazu kommen News mit Fotostrecken, die häufigen Fragen als Text und der Kontakt. Das ist Webentwicklung für einen ehrenamtlich geführten Verein: so wenig Technik wie möglich, damit im Herbst niemand eine Seite warten muss. Was der Verein sonst von uns hat, steht im Projekt MTB & Downhill Verein Tirol.
- Anmeldung je Angebot
- Ohne Redaktionssystem
- Statisch ausgeliefert
Ablauf
Vom Konzept zum Livegang
Das Konzept
Zuerst stand fest, wie kurz der Weg zum Formular sein soll.
Der häufigste Besuch auf einer Vereinsseite hat ein Ziel: anmelden. Also führt die Startseite in wenigen Bändern dorthin, und jedes Angebot bekommt eine Kachel, die direkt auf sein Formular zeigt. Keine Zwischenseite, keine Suche in der Navigation, kein Menüpunkt, den man erst aufklappt.
Der zweite Besuch will nachlesen. Dafür stehen die häufigen Fragen als Text auf der Startseite und die Termine bei ihrem Angebot. Was davon auch auf Papier gehört, entscheidet die Printgestaltung.
- Startseite als Verteiler
- Eine Seite je Angebot
- Fragen als Text
- Mit dem Vorstand abgestimmt
Die Umsetzung
Gebaut wurde, was die Seite braucht, und sonst nichts.
Die Seite ist statisches HTML mit eigenem CSS und eigenem JavaScript, ausgeliefert von einem Apache. Kein Redaktionssystem, keine Datenbank, keine Erweiterungen, die aktualisiert werden wollen. Die Schrift liegt auf demselben Server und wird vorgeladen, Bilder tragen ihre Maße und laden erst, wenn sie gebraucht werden.
Das Anmeldeformular öffnet sich erst auf Klick und fragt dann Person, Adresse, Variante und Stückzahl ab, dazu die Angaben der Erziehungsberechtigten. Gegen Spam läuft ein verstecktes Feld im Formular statt eines Bilderrätsels, damit Eltern beim Absenden nicht erst Ampeln anklicken. Wie dieselbe Haltung bei einem Händlerkatalog aussieht, steht in der Webentwicklung für CUBE Store Valbirse.
- Statisches HTML auf Apache
- Formular in zwei Schritten
- Kein System im Rücken
- Schrift lokal, Bilder verzögert
Der Livegang
Vor dem Umschalten stand die Prüfliste.
Vor dem Livegang laufen die Punkte durch, die eine Seite auffindbar machen: eine Überschrift erster Ordnung je Seite, Canonical, robots.txt, Sitemap, dazu der Strukturdatengraph, der den Verein als Sportorganisation mit Adresse und ZVR-Zahl auszeichnet und die häufigen Fragen als FAQ mitgibt.
Danach bekommt der Verein, was er im Alltag braucht: Wo die Anmeldungen ankommen, wie ein News-Beitrag dazukommt und wen er anruft, wenn etwas fehlt. Wer sich fragt, was davon auf eine Seite mit Lagerbestand übertragbar ist, findet die Antwort in der Webentwicklung.
- Prüfliste vor dem Umschalten
- Sitemap und Strukturdaten
- Übergabe an den Vorstand
- Ansprechpartner danach
Die Seite
Der Weg zur Anmeldung
Das Websitesystem
Bauplan
Auslieferung
Handgeschriebenes HTML auf einem Apache, dazu eigenes CSS und eigenes JavaScript. Kein Redaktionssystem, keine Datenbank, keine Erweiterung, die aktualisiert werden will.
Umfang
Startseite, je eine Seite pro Angebot mit Formular, der News-Bereich mit Detailseiten, dazu Kontakt und Rechtsseiten: 24 Adressen, alle in der Sitemap.
Anmeldung
Ein Knopf, hinter dem das Formular aufklappt: Person, Adresse, Variante und Stückzahl, dazu die Angaben der Erziehungsberechtigten. Bezahlt wird per Überweisung, ohne Zahlungsanbieter und ohne gespeicherte Kartendaten.
Spamschutz
Ein verstecktes Feld im Formular, das ein Mensch nie ausfüllt und ein Skript fast immer. Kein Captcha vor dem Absenden und kein fremder Dienst, der dabei mitliest.
Ladeverhalten
Die Startseite wiegt 24 Kilobyte HTML. Die Schrift liegt lokal als woff2 und wird vorgeladen, Bilder tragen ihre Maße und laden verzögert, externe Skripte gibt es keine.
Struktur
Eine Überschrift erster Ordnung je Seite, darunter sechs Abschnitte auf der Startseite. Canonical, robots.txt und Sitemap sitzen.
Strukturdaten
Ein Graph aus Sportorganisation mit Adresse, Koordinaten und ZVR-Zahl, dazu Website, Brotkrumenpfad und die häufigen Fragen als FAQ. Damit steht die Antwort auch dort, wo kein Mensch liest.
Ergebnis
Homepage erstellen lassen ohne System dahinter
Für die Eltern
Anmeldung statt Rückfrage
Wer das Angebot gefunden hat, ist zwei Klicks später im Formular, und die Fragen davor stehen als Text auf derselben Seite. Was vorher über Nachricht, Mail und Anruf lief, läuft damit über eine Adresse, die jederzeit erreichbar ist.
Für den Verein
Eine Seite ohne Systempflege
Ohne Redaktionssystem und ohne fremde Skripte gibt es nichts, das monatlich aktualisiert werden will, und nichts, das irgendwann eine Lücke aufreißt. Für ein ehrenamtlich geführtes Team ist das der eigentliche Gewinn. Dieselbe Rechnung steht hinter dem Vereinsflyer: einmal gebaut, jede Saison neu befüllt.
Fragen
Häufige Fragen zur Website eines Vereins
Wie die Seite gebaut ist und was der Verein damit im Alltag tut. Der Überblick über das Projekt steht unter MTB & Downhill Verein Tirol, die Drucksorten daneben unter Grafik & Branding.
Wie ändert ein Verein Inhalte, wenn es kein Redaktionssystem gibt?
Über uns, und das ist bei diesem Umfang die schnellere Variante. Eine Vereinsseite ändert sich ein paar Mal im Jahr: neue Termine, neue Preise, ein News-Beitrag. Ein Redaktionssystem dafür bedeutet Zugänge, Schulung, Aktualisierungen und jemanden, der sich zuständig fühlt. Beim MTB & Downhill Verein Tirol schickt der Vorstand stattdessen, was geändert werden soll, und die Seite ist am selben Tag aktuell.
Wie läuft die Anmeldung auf so einer Seite ab?
Jedes Angebot hat seine eigene Seite, und dort steht zuerst nur ein Knopf. Auf Klick klappt das Formular auf und fragt ab, was der Verein braucht: Name, Geburtsdatum, Adresse, Variante, Stückzahl und die Angaben der Erziehungsberechtigten. Abgeschickt wird an den Verein, bezahlt wird per Überweisung. Damit gibt es keinen Zahlungsanbieter, keine Gebühren und keine gespeicherten Kartendaten.
Wie hält man ein Formular ohne Captcha frei von Spam?
Mit einem Feld, das ein Mensch nie sieht. Im Anmeldeformular des MTB & Downhill Verein Tirol steht ein verstecktes Eingabefeld, das ein Skript ausfüllt und ein Besucher nicht; ist es ausgefüllt, wird die Einsendung verworfen. Das reicht für den Verkehr, den eine Vereinsseite hat, und erspart den Eltern das Bilderrätsel vor dem Absenden, an dem erfahrungsgemäß Anmeldungen abbrechen.
Was macht eine Vereinsseite in der Suche auffindbar?
Dass die Antworten als Text auf der Seite stehen. Beim MTB & Downhill Verein Tirol steht dort, was der Verein macht, wo trainiert wird, für welches Alter und was es kostet, und nichts davon steckt nur in einem Bild. Dazu kommen eine saubere Überschriftenstruktur, Canonical, robots.txt und Sitemap sowie ein Strukturdatengraph, der den Verein mit Adresse und ZVR-Zahl als Sportorganisation ausweist.
Wird so eine Seite auch von KI-Assistenten gefunden?
Die Chance steigt mit derselben Arbeit, die auch die Suche belohnt: vollständige Sätze statt Stichworte, Preise und Termine als Text statt als Grafik, und die häufigen Fragen wortgleich im Markup. Beim MTB & Downhill Verein Tirol ist das so gebaut, damit ein Modell den Verein zitieren kann, statt zu raten. Ein Versprechen ist es nicht, weil niemand die Auswahl dieser Systeme kontrolliert.
Du brauchst eine neue Website, melde dich bei uns
Wir bauen die Seite auf den Weg, den deine Besucher wirklich gehen, und halten die Technik so klein, dass danach niemand sie pflegen muss. Ein Erstgespräch kostet nichts und verpflichtet zu nichts.
Invisions, Werbe- und Marketingagentur in Innsbruck
Invisions Marketingagentur KG
Philippine-Welser-Straße 20a
6020 Innsbruck, Österreich
Weitere Arbeiten
