Parkosecure GmbH – Marketing Website with Scroll Narrative for Smart Parking Management
For Parkosecure GmbH, we conceived and developed a fully custom marketing website that makes smart parking management tangible. Instead of a static brochure page, the result is an interactive drive through the offering – innovative, modern and tailored throughout to the Swiss market.
At its heart is scroll-bound storytelling: a car drives through the entire page as you scroll – from the parking lot along the road through a tunnel – guiding visitors through the company's services. In the tunnel passages, the vehicle shrinks to create a genuine sense of depth, while active stations along the roadside light up and reveal their benefits. The animation is performance-optimised and respects the user's motion preferences – anyone sensitive to animation automatically gets a calm, static variant.
We deliberately avoided stock photos and generic icons. For every service concept and every add-on module, we created a dedicated illustration – six line-art drawings for the concepts and four isometric 3D renderings for the modules. On the detail pages, these illustrations subtly tilt towards the mouse cursor, lending the site a playful sense of depth.
A live counter widget displays the number of parking events in real-time style with mechanically rolling digits. Instead of a simple counter, it follows a realistic, Switzerland-wide activity curve with its own daily profiles for weekdays, Friday, Saturday and Sunday – including morning and evening peaks and quiet night phases. The result feels like genuine data traffic, not a gimmick.
The consistent, token-based design system with brand colours in green on teal, generous display typography and glassmorphism elements creates a premium presence with consistent micro-interactions: gliding arrow icons, gentle hover lifts and staggered reveal animations on scroll. This is complemented by an industry carousel with drag-and-swipe, FAQ accordions with smooth height animation and a shrinking navigation with scroll spy.
The website is built as a true multi-site setup in two languages (German/French) – not merely translated, but localised with dedicated URL structures per language and correct terminology for Swiss legal language. Thanks to a building-block system with over 45 reusable sections, the client can maintain virtually all content – text, images, logos, contacts and SEO details – themselves via the Statamic backend, without depending on developers.
SEO was a core part of the architecture from the start: structured data for the organisation, services, modules, FAQ and ratings, automatically generated hreflang links for German- and French-speaking Switzerland, clean canonical tagging and a cross-language XML sitemap. Together with clean, accessible HTML and consistent performance optimisation, the result is a website that not only looks compelling but is also easy to find in search engines and AI search systems.
