Onepager für Büroservice und Sicherheitsdienst
- Astro 5 (statisch)
- Astro-Komponenten
- astro:assets
- lokale Webfonts
- JSON-LD
- Sitemap
- Open Graph
- TypeScript
- astro check
- 3 Wochen bis zum Go-Live
- 0 KB eigenes JavaScript
- LocalBusiness + FAQ Strukturierte Daten
- Mobile-First Responsive
Ausgangslage
Das Unternehmen bietet zwei sehr unterschiedliche Leistungen an: Hilfe bei Anträgen, Bewerbungen und Behördengängen sowie Objekt-, Veranstaltungs- und Revierschutz. Gebraucht wurde ein Auftritt, der beides verständlich unter einem Ansprechpartner zeigt und auf einem gewöhnlichen Webspace läuft.
Lösung
Ein mit Astro erzeugter statischer Onepager mit zwei Leistungskarten, dreistufigem Ablauf, FAQ und Kontaktbereich, gestaltet im vorhandenen Erscheinungsbild des Kunden. Stammdaten und Pflichtangaben liegen jeweils an einer Stelle, und der Build warnt, solange Impressumsangaben fehlen.
Ergebnis
Nach drei Wochen ging die Seite im September 2026 online. Sie lädt schnell, braucht auf dem Server nur einen Webserver, setzt keine Tracking-Cookies und wird bei jeder Änderung automatisch veröffentlicht.
Zwei Bereiche, ein Ansprechpartner — Büroservice und Sicherheit stehen auch mobil klar getrennt nebeneinander.
Gestaltet im vorhandenen Erscheinungsbild des Kunden: Logo und Hausfarben, dazu Einsatzgebiet, Bürozeiten und Adresse direkt im Einstieg.
Ein statischer Onepager stellt die beiden Geschäftsbereiche eines Hagener Dienstleisters übersichtlich nebeneinander: Büroservice und Sicherheitsdienst. Die Seite kommt ohne Datenbank, Tracking und eigenes JavaScript aus und ist für eine Online-Terminbuchung vorbereitet.
Anträge und Bewerbungen auf der einen Seite, Objekt- und Veranstaltungsschutz auf der anderen: AS Service & Sicherheit aus Hagen verbindet zwei Leistungen, die auf den ersten Blick wenig gemeinsam haben. Der Onepager zeigt beide klar getrennt — und macht trotzdem deutlich, dass hinter beidem derselbe Ansprechpartner steht.
Ausgangslage
Im Büroservice geht es um das, was viele vor sich herschieben: Anträge ausfüllen, Lebensläufe und Bewerbungen, Behördengänge, dazu Karriere- und Gründungscoaching sowie Businesspläne. Der Sicherheitsdienst übernimmt Revier- und Streifendienst, Veranstaltungs- und Objektschutz sowie Empfangsdienste.
Eine Website gab es bisher nicht. Logo und Hausfarben waren vorhanden. Technisch sollte die Seite auf einem Standard-Webspace laufen — ohne Node.js und ohne Datenbank.
Lösung
Der Onepager ist mit Astro gebaut und wird vollständig statisch ausgeliefert. Zwei Leistungskarten stellen die Bereiche nebeneinander, ein dreistufiger Ablauf erklärt den Weg vom Erstgespräch bis zur Umsetzung, und ein FAQ ohne JavaScript beantwortet typische Fragen. Telefon, Adresse und Öffnungszeiten werden an einer Stelle gepflegt und überall auf der Seite eingesetzt.
Dazu kommen ein paar Details, die im Alltag Arbeit sparen:
- Pflichtangaben-Prüfung: Fehlende Angaben in Impressum und Datenschutz werden auf der Seite markiert und beim Build gemeldet
- Terminbuchung vorbereitet: Sobald ein Kalender-Link eingetragen ist, erscheint die Online-Buchung — bis dahin verweist der Bereich auf Telefon und E-Mail
- Mitwachsende Datenschutzerklärung: Der Abschnitt zur Terminbuchung erscheint nur, wenn ein Kalender eingebunden ist
Ergebnis
Nach drei Wochen Projektzeit ist die Seite seit September 2026 online. Sie lädt schnell: Schriften liegen lokal, Bilder werden beim Build in mehreren Größen als WebP erzeugt, und statische Dateien werden langfristig gecacht. Es werden keine Tracking-Cookies gesetzt, Sicherheits-Header sind konfiguriert, und jede Änderung geht automatisch online.
Ein ähnliches Vorhaben im Kopf?
Projekt anfragenEingesetzte Leistungen
06 Bereiche- 01 Konzeption und Umsetzung des Onepagers mit Astro
- 02 Webdesign auf Basis des bestehenden Logos und der Hausfarben
- 03 Technisches SEO: strukturierte Daten (LocalBusiness, FAQ), Sitemap, Open Graph
- 04 Datenschutzfreundlich: lokale Schriften, kein Tracking, mitwachsende Datenschutzerklärung
- 05 Server-Konfiguration: Caching, Sicherheits-Header, eigene 404-Seite
- 06 Automatisches Deployment bei jeder Änderung
