Internationalisierung mit Webflow für Parkdepot

Fremdparker vermeiden, Schranken- und Parktickets eliminieren und gleichzeitig kostengünstiger als die Alternativen sein. All das bietet Parkdepot, einer der führenden Anbieter für Parkflächenmanagementsysteme. Über moderne Kennzeichenerkennung können Falschparker schnell nachvollzogen werden und Schranken gehören der Vergangenheit an. Hardware-Lösungen und KI-Technologie gehen hierbei Hand-in-Hand und liefern die besten Ergebnisse.

Dieses zukunftsweisende Zusammenspiel aus Hard- und Software sowie die Einfachheit für Endkunden sollte sich auch in der Website widerspiegeln. Das bestehende System stand diesem Wunsch aber konträr entgegen. Zu viele Baustellen, eine manuelle Zweisprachigkeit und gebundene Ressourcen des internen Marketingteams führten zu einer Website, die hinter dem Anspruch des Startups zurückblieb. Bevor wir die Website gemeinsam neu aufgerollt haben, stand das Team vor folgenden Herausforderungen:

• Fehlende Skalierbarkeit der Website aufgrund manueller Zweisprachigkeit
• geringer Pagespeed aufgrund verschachtelten Codes
• Stark eingebundene interne Ressourcen
• komplizierte Pflege von Inhalten
• geringe SEO-Performance
• überholtes Design

Parkdepot stand also vor der Challenge zu skalieren und zu internationalisieren, wurde aber gleichzeitig durch den hohen Arbeits- und Pflegeaufwand der eigenen Website eingeschränkt.

Vor Projektstart wurden klare Zielsetzungen für den Relaunch definiert. So sollte die neue Website verschlankt werden, neue Animationen die Innovationsfähigkeit des Produkts zeigen und insbesondere die Mehrsprachigkeit automatisiert ablaufen. Eine Challenge, die hierbei aufkam: Content sollte nicht nur auf 6 verschiedenen Sprachen verfügbar sein, sondern auch länderspezifisch bearbeitbar gemacht werden.

Das aus den Anforderungen abgeleitete Design System umfasst feste Komponenten, die skalierbar und auch für zukünftige Unterseiten einsetzbar sind. Durch die Integration von Weglot wurde die Übersetzung von Content automatisiert und der Internationalisierung stand nichts mehr im Wege. Insbesondere der länderspezifische Content stellte eine Herausforderung in der Umsetzung dar, die final aber durch ein flexibles Custom Code JavaScript gelöst wurde. Jetzt lassen sich Content-Blöcke durch das Hinzufügen von Attributen für verschiedene Sprachen ein und ausblenden.

Das Resultat kann sich sehen lassen. Massiv gesteigerte Performance, bei zeitgleich vereinfachter Pflege von Content und dessen Übersetzungen. Die Implementierung von Clients-First CSS Richtlinien, komprimierten Assets und Webflow Components machen die Website schneller, robuster und vor allem super einfach zu skalieren.

So lassen sich Components mit wenigen Klicks zu neuen Seiten formen und jede neu enstandene Seite wird von Weglot automatisch erkannt und übersetzt. Sollte die Übersetzung mal nicht dem eigenen Qualitätsanspruch genügen, lassen sich alle Übersetzungen über den visuellen Editor von Weglot nachträglich bearbeiten und das interne Marketingteam behält immer die volle Kontrolle.