Parkosecure GmbH – Marketing-Website mit Scroll-Narrativ für smarte Parkraumbewirtschaftung
Für die Parkosecure GmbH haben wir eine vollständig massgeschneiderte Marketing-Website konzipiert und entwickelt, die smarte Parkraumbewirtschaftung erlebbar macht. Statt einer statischen Broschürenseite entsteht eine interaktive Fahrt durch das Angebot – innovativ, modern und durchgängig auf den Schweizer Markt zugeschnitten.
Das Herzstück ist ein scroll-gebundenes Storytelling: Ein Auto fährt beim Scrollen durch die gesamte Seite – vom Parkplatz über die Strasse durch einen Tunnel – und führt die Besucher so durch die Leistungen des Unternehmens. In den Tunnel-Passagen wird das Fahrzeug kleiner und erzeugt einen echten Tiefeneffekt, aktive Stationen am Strassenrand leuchten auf und blenden ihre Vorteile ein. Die Animation ist performance-optimiert und respektiert die Bewegungseinstellungen des Nutzers – wer empfindlich auf Animationen reagiert, erhält automatisch eine ruhige, statische Variante.
Auf Stockfotos und generische Icons haben wir bewusst verzichtet. Für jedes Leistungskonzept und jedes Zusatzmodul entstand eine eigene Illustration – sechs Line-Art-Zeichnungen für die Konzepte und vier isometrische 3D-Renderings für die Module. Auf den Detailseiten neigen sich diese Illustrationen subtil in Richtung des Mauszeigers und verleihen der Seite eine spielerische Tiefe.
Ein Live-Counter-Widget zeigt die Anzahl der Parkvorgänge in Echtzeit-Optik mit mechanisch rollenden Ziffern. Statt eines simplen Hochzählers folgt der Zähler einer realistischen, schweizweiten Aktivitätskurve mit eigenen Tagesprofilen für Werktage, Freitag, Samstag und Sonntag – inklusive Morgen- und Abend-Peaks und ruhiger Nachtphasen. Das Resultat wirkt wie echter Datenverkehr, nicht wie eine Spielerei.
Das durchgängige, token-basierte Designsystem mit Markenfarben in Grün auf Teal, grosszügiger Display-Typografie und Glassmorphism-Elementen sorgt für einen Premium-Auftritt mit konsistenten Micro-Interactions: gleitende Pfeil-Icons, sanfte Hover-Hebungen und gestaffelte Reveal-Animationen beim Scrollen. Ergänzt wird das durch ein Branchen-Karussell mit Drag-and-Swipe, FAQ-Akkordeons mit weicher Höhen-Animation und eine mitwachsende Navigation mit Scroll-Spy.
Die Website ist als echtes Multi-Site-Setup zweisprachig umgesetzt (Deutsch/Französisch) – nicht nur übersetzt, sondern lokalisiert mit eigenen URL-Strukturen pro Sprache und korrekter Fachterminologie für die Schweizer Rechtssprache. Dank eines Baukasten-Systems mit über 45 wiederverwendbaren Sektionen kann der Kunde praktisch alle Inhalte – Texte, Bilder, Logos, Ansprechpartner und SEO-Angaben – selbst über das Statamic-Backend pflegen, ohne auf Entwickler angewiesen zu sein.
SEO war von Anfang an fester Bestandteil der Architektur: strukturierte Daten für Unternehmen, Leistungen, Module, FAQ und Bewertungen, automatisch generierte hreflang-Verknüpfungen für die deutsche und französische Schweiz, sauberes Canonical-Tagging und eine sprachübergreifende XML-Sitemap. Zusammen mit sauberem, barrierefreiem HTML und konsequenter Performance-Optimierung entstand eine Website, die nicht nur überzeugend aussieht, sondern auch in Suchmaschinen und KI-Suchsystemen gut auffindbar ist.
