Die Produktbereiche auf mountainbikemovement.com: Pumptracks, Skillparks und Trails

Webentwicklung

Zurück zum ProjektMountain Bike Movement

Elf Leistungen, vierzig Projekte, drei Sprachen

Technisch ist die Seite handgeschriebenes statisches HTML ohne CMS und ohne Baukasten: eine CSS-Datei mit 46 KB, eine JavaScript-Datei mit 25 KB, 27,8 KB HTML auf der Startseite.

mountainbikemovement.com

Elf Leistungen, vierzig Projekte, drei Sprachen

Mountain Bike Movement plant und baut MTB-Sportanlagen in Österreich, Deutschland und Italien. Der Auftritt bildet dieses Angebot vollständig ab: elf Leistungsseiten, vierzig Projektreferenzen und sechs Fachbeiträge, jede Seite mit eigener URL, eigener Überschriftenstruktur und eigener Auszeichnung für Suchmaschinen.

Vier Ebenen, an denen gearbeitet wurde

Video folgt
  • Der komplette Firmenauftritt Startseite, elf Leistungsseiten, vierzig Projektseiten, Blog, Über uns, Partner, Kontakt, Jobs und die Rechtstexte, alles in drei Sprachen und alles in statischem HTML. Dazu Lightbox-Galerien, ein FAQ-Akkordeon über native Browserelemente, ein Cookie-Dialog mit Content-Blocker und ein Kontaktformular, das die Anfrage ohne Serverdienst direkt ins Mailprogramm des Besuchers legt.

    Esc
  • Auffindbar bis in die letzte Projektseite Eine H1 pro Seite, sechs gestufte H2 auf der Startseite, individuelle Titles und Descriptions, sprechende URLs und Breadcrumbs bis in die letzte Projektseite. Allein die Startseite trägt vier JSON-LD-Blöcke für Organization, LocalBusiness, WebSite und FAQPage, die Leistungsseiten zusätzlich Service und BreadcrumbList. Alle fünfzehn Startseitenbilder haben beschreibende Alt-Texte, Sitemap und robots.txt decken 198 URLs ab.

    Esc
  • Lesbar für Sprachmodelle Was der Betrieb macht, wo er sitzt, für wen er baut und wie man ihn erreicht, steht als Fließtext im HTML und nicht in einer Grafik. LocalBusiness liefert Adresse, Telefon, Geokoordinaten und die drei Einsatzländer, FAQPage die Antworten. Dazu kommt eine gepflegte llms.txt mit allen elf Leistungen, allen Unterseiten und allen sechs Blogbeiträgen.

    Esc
  • Vom Telefon bis zum großen Monitor Bei 375 Pixeln bleibt die Seite frei von horizontalem Scroll, die sechs Produktkarten stapeln mit 17,5 Pixeln Rand je Seite und stehen auf 1440 Pixeln als Dreier-Raster. Die Typografie ist fluid gesetzt, die Überschrift wächst von 41,6 auf 80 Pixel. Vier Breakpoints, ein Vollbild-Menü mit Scroll-Lock und Rücksicht auf reduzierte Bewegung.

    Esc
  1. Sechs Produktbereiche, sechs Seiten

    Der Auftritt ist als Nachschlagewerk gebaut: jede Leistung, jede gebaute Anlage und jeder Fachbeitrag bekommt eine eigene Adresse statt eines Ankers auf der Startseite.

    Pumptracks, Skillparks, MTB-Trails und Parks, hochalpine Trails, Downhill-Rennstrecken sowie Wegfräsen und Steinbrecher bekommen auf der Startseite je eine Bildkarte und dahinter eine eigene Leistungsseite. Wer nach einer bestimmten Anlagenart sucht, landet auf einer Seite, die nur davon handelt.

  2. Vierzig Projektseiten

    Jede gebaute Anlage steht auf einer eigenen URL statt in einer Sammelgalerie, darunter der Bikepark Serfaus-Fiss-Ladis, der Bikepark Innsbruck, die Burgenland Trails und Crankworx Innsbruck. Die Bilder öffnen in einer Lightbox, bedienbar über Pfeile, das X und die Escape-Taste.

  3. Kontakt ohne Backend

    Das Formular hat vier Felder für Name, E-Mail, Betreff und Nachricht. Ein Skript baut daraus eine fertige Mail an die Firmenadresse und öffnet das Mailprogramm des Besuchers. Die Seite nennt die Adresse zusätzlich im Klartext, damit niemand raten muss.

  4. Einwilligung vor externen Medien

    Ein modaler Dialog trennt notwendige Funktionen von externen Medien und lässt sich pro Dienst aufklappen. Das YouTube-Video der Startseite wird erst nach Zustimmung als nocookie-Einbettung nachgeladen. Über einen Fußzeilen-Link lässt sich die Entscheidung jederzeit wieder öffnen und ändern.

  5. Ein Menü, das elf Leistungen fasst

    Der Header bleibt beim Scrollen stehen. Unterhalb der Desktop-Schwelle öffnet ein Burger ein Vollbild-Panel mit 21 Links, die Leistungen als aufklappbares Akkordeon, die drei Sprachen als Pills am unteren Rand. Geschlossen wird per X, Escape oder Klick auf einen Link.

  6. Fachbeiträge und eine eigene Fehlerseite

    Sechs Blogbeiträge beantworten die Entscheidungsfragen vor einem Trailprojekt und tragen BlogPosting- und ImageObject-Auszeichnung. Das FAQ-Akkordeon läuft über natives details und summary und funktioniert damit auch ohne JavaScript. Selbst die 404-Seite bleibt im Ton des Betriebs: Diese Strecke gibt es nicht.

Was wir für Mountain Bike Movement machen

1 von 8 Leistungen umgesetzt

  • Website

    Mountain Bike Movement baut MTB-Anlagen von Pumptrack bis hochalpiner Trail. Der Auftritt bildet elf Leistungen und vierzig Projekte in drei Sprachen ab, gebaut als statisches HTML mit strukturierten Daten und eigener llms.txt.

    Diese Seite

Nicht Teil dieses Projekts, aber Teil unseres Angebots.

  • Marketing & Strategie

  • Social Media

  • Fotoproduktion

  • Videoproduktion

  • Grafik & Branding

  • Virtueller Rundgang

  • Employer Branding