Startseite von downhillvereintirol.at mit dem Vereinsfoto der Nachwuchsgruppe

Webentwicklung

Zurück zum ProjektMTB & Downhill Verein Tirol

Fünf Angebote, fünf Anmeldungen

Gebaut ist die Seite als statisches HTML mit eigenem CSS und Vanilla JavaScript, ohne Redaktionssystem und ohne externe Skripte.

downhillvereintirol.at

Fünf Angebote, fünf Anmeldungen

Der MTB & Downhill Verein Tirol nimmt jede Saison dieselben Anmeldungen entgegen: Mitgliedschaft, Kinder- und Jugendtraining, Bikeferien, Jersey und Schnuppertage. Über 220 Mitglieder und 35 Trainer hängen daran. Die Website ist die Stelle, an der das zusammenläuft.

Was die Website leistet

Video folgt

  • Handgeschrieben statt zusammengeklickt Handgeschriebenes HTML auf Apache, eigenes CSS, eigenes JavaScript, kein Redaktionssystem und keine externen Skripte. Dazu gehören die Startseite mit ihren zehn Bändern, fünf Anmeldeseiten, der News-Bereich mit Galerie und Videos sowie Kontakt- und Rechtsseiten: 24 Adressen, die auch in der Sitemap stehen. Die Schrift liegt lokal als woff2 und wird vorgeladen.

    Esc

  • Eine H1 und ein vollständiger Graph Die Startseite trägt genau eine H1 mit dem Vereinsnamen, darunter sechs H2 für sechs Abschnitte und H3 nur für News-Titel und Footer-Spalten. Canonical, robots.txt und Sitemap sitzen. Der JSON-LD-Graph zeichnet den Verein als SportsOrganization mit Adresse, Koordinaten, ZVR-Zahl, Gründungsjahr und drei Profilen aus, dazu WebSite, BreadcrumbList und eine FAQPage mit allen sechs Fragen.

    Esc

  • Antworten als Text, nicht als Bild Was der Verein macht, wo trainiert wird, wann, für welches Alter und was es kostet steht als Fließtext auf der Seite. Preise, Termine, Adresse und Kontakt stecken nirgends nur in einem Bild. Die sechs FAQ-Antworten sind wortgleich im Markup hinterlegt, damit ein Sprachmodell den Verein zitieren kann, statt zu raten.

    Esc

  • Von 1440 auf 375 ohne Bruch Gemessen bei 1440 und bei 375 Pixel: kein horizontaler Überlauf, auch bei geöffnetem Anmeldeformular. Ab 1010 Pixel abwärts übernimmt ein Burger ein 315 Pixel breites Schubfach, das über Kreuz, Hintergrund oder Escape schließt, das Scrollen der Seite sperrt und seinen Zustand meldet. Buttons sind durchgehend 57 Pixel hoch, Kacheln und Karten stapeln sich einspaltig.

    Esc

  1. Fünf Anmeldeseiten

    Die Seite nimmt dem Verein die Arbeit ab, die jede Saison anfällt: anmelden, informieren, erreichbar bleiben.

    Mitgliedschaft, Kinder- und Jugendtraining, Bikeferien im Bikepark Innsbruck, Vereinsjersey und Bike Schnuppertage haben je eine eigene Seite mit Preis, Beschreibung und Formular. Die fünf Kacheln auf der Startseite verlinken direkt dorthin, ohne Zwischenseite und ohne Suche in der Navigation.

  2. Anmeldeformular in zwei Schritten

    Zuerst steht nur ein Button da. Erst auf Klick klappt das Formular mit seinen 18 Feldern auf: Name, Geburtsdatum, Adresse, Land, Variante, dazu die Felder für Erziehungsberechtigte. Die Auswahl der Variante und die Stückzahl rechnen den angezeigten Betrag live mit, auch bei mehreren Stück.

  3. Bezahlt wird per Überweisung

    Kein Shop, kein Zahlungsanbieter, keine gespeicherten Kartendaten. Nach der Anmeldung kommen die Zahlungsdaten per E-Mail, die Bankverbindung steht offen auf der Kontaktseite. Für einen Verein mit fünf Angeboten pro Saison spart das ein Zahlungssystem, das gewartet und abgerechnet werden müsste.

  4. Spamschutz ohne externen Dienst

    Beide Formulare tragen ein verstecktes Honeypot-Feld und einen per JavaScript gesetzten Zeitstempel. Absendungen, die schneller als drei Sekunden nach dem Öffnen eintreffen, weist der Server ab. Kein Captcha, das Eltern vor dem Absenden Bilderrätsel lösen lässt, und kein Drittanbieter, der mitliest.

  5. News mit Galerie und Clips

    Der News-Bereich hat eigene Detailseiten mit Fotostrecken, Lightbox und selbst gehosteten Clips im Hochformat: ein Beitrag zum Beispiel mit 15 Bildern und vier Videos, dazu ein Link auf die volle Auflösung zum Herunterladen. Die drei jüngsten Beiträge stehen als Karten auf der Startseite.

  6. FAQ, die ohne JavaScript aufgeht

    Sechs Fragen zu Mitgliedschaft, Alter, Trainingsort, Bike, Schnuppern und Vereinsleben klappen über natives details und summary auf. Der Antworttext steht vollständig im Quelltext, statt erst nachgeladen zu werden. Es sind genau die Fragen, die vor einer Anmeldung ohnehin gestellt werden.

Was wir für MTB & Downhill Verein Tirol machen

2 von 8 Leistungen umgesetzt

Nicht Teil dieses Projekts, aber Teil unseres Angebots.

  • Marketing & Strategie

  • Social Media

  • Fotoproduktion

  • Videoproduktion

  • Virtueller Rundgang

  • Employer Branding