Eine cleane Plattform, die Vertical Farming erlebbar macht
Vertic Greens
Eine performante Website für innovatives Vertical Farming
Für Vertic Greens, die Vertical-Farming-Tochter der Heron Group, hat Zewas Digital eine performante, mehrsprachige Headless-Website auf bewährter Servus-Basis umgesetzt. Das Herzstück ist ein interaktives System-Entdecken, mit dem Userinnen und User die gesamte Vertical-Farming-Anlage über pulsierende Hotspots und Zoom-Videos selbst entdecken. Dazu kommen ein cleaner, flexibel anpassbarer Look, ein News-Bereich und ein integriertes Karriereportal.
Wer ist Vertic Greens?
Vertic Greens entwickelt schlüsselfertige Vertical-Farming-Systeme für eine neue Ära sicherer und nachhaltiger Versorgung. Unter dem Claim „The Magic of Efficiency“ verbindet das Unternehmen revolutionäres Vertical Farming mit industrieller Präzision zu einem profitablen, grenzenlos skalierbaren Modell – ressourcenschonender Pflanzenanbau unabhängig von Standort und Klima, in hoher Qualität und großer Menge, mit Zielmärkten in Food, Medicine und Cosmetics.
Vertic Greens gehört zur Heron Group, dem familiengeführten Technologieunternehmen aus Dornbirn, das auf jahrzehntelange Automatisierungsexpertise zurückgreift. Zur Gruppe zählen unter anderem auch Servus Intralogistics, CNC Technik und Robotunits.
Auf einen Blick
Kunde: Vertic Greens (Heron Group, Dornbirn)
Branche: Vertical Farming, AgTech
Leistung: Mehrsprachige Headless-Website, interaktives System-Entdecken, Karriereportal-Integration
Tech-Stack: Next.js, Payload CMS, MongoDB, Tailwind, GSAP
Design: Baschnegger Ammann & Partner (BAP), cleaner Look
Besonderheit: Interaktives System-Entdecken mit Hotspots und Zoom-Videos, video-getriebenes Storytelling
Sprachen: mehrsprachig (Deutsch, Englisch)
Die Ausgangslage
Vertic Greens braucht einen Webauftritt, der ein komplexes, hochtechnisches Produkt verständlich und emotional erlebbar macht. Eine Vertical-Farming-Anlage lässt sich mit reinem Text kaum begreifen. Gesucht war eine Lösung, die mehrere Anforderungen vereint:
Das System erlebbar machen. Die Anlage sollte interaktiv erkundbar sein, nicht nur beschrieben.
International funktionieren. Als global skalierendes Unternehmen ist Mehrsprachigkeit Pflicht.
Eigenständig pflegbar sein. Inhalte, Formulare und ein News-Bereich sollten ohne Entwickler-Ressourcen verwaltet werden können.
Eine eigene visuelle Identität bekommen. Anders als die kosmische Servus-Welt sollte Vertic Greens einen cleanen, ruhigen Look erhalten, der das Produkt in den Mittelpunkt stellt.
Die technische Grundlage war schon vorhanden: Vertic Greens baut auf demselben bewährten Fundament wie die Servus-Website auf.
Die Lösung
Bewährtes Fundament, eigene Handschrift
Vertic Greens wurde auf der Basis der Servus-Plattform aufgebaut und nutzt denselben Tech-Stack aus Next.js, Payload CMS und MongoDB. Das bringt von Tag eins an eine extrem schnelle, statisch ausgelieferte und skalierbare Website. Das Design stammt erneut von Baschnegger Ammann & Partner (BAP), diesmal aber bewusst clean statt kosmisch. Das ruhige, klare Erscheinungsbild rückt das Produkt in den Vordergrund.
Trotz des cleanen Looks bleibt Flexibilität erhalten: Der Hintergrund jeder Seite lässt sich direkt in Payload anpassen. Das Marketing-Team gestaltet die Atmosphäre einzelner Bereiche selbst, ganz ohne Eingriff in den Code.
Screenshot:
Screenshot:
Mit dem Wechsel von WordPress zu Payload CMS haben wir unser Content-Management einfacher und effektiver für alle gemacht. Die Backend-Struktur ist jetzt übersichtlicher. Wir haben unnötige Plugin-Reiter und verstreute Felder wegfallen lassen und die wirklich relevanten Felder an der Stelle zusammengefasst, wo wir sie auch wirklich benötigen. So pflegen wir Inhalte schneller, und neue Teammitglieder finden sich leichter zurecht.
Pascal Ortler, Heron Innovations Factory GmbH
Das interaktive System-Entdecken
Das Herzstück der Website ist ein interaktives System, mit dem sich die gesamte Vertical-Farming-Anlage entdecken lässt. Über die Anlage verteilt liegen pulsierende, klickbare Hotspots. Mit einem Klick startet ein Zoom-in-Video, das tief in den jeweiligen Anlagenbereich hineinfährt. Am Ende der Fahrt erscheinen die passenden Informationen zu diesem Bereich.
Schließt die Person die Infos wieder, wird das Zoom-Video rückwärts abgespielt und führt sanft zurück zur Gesamtübersicht mit allen Hotspots. So entsteht ein flüssiges, geführtes Erlebnis, das Hochtechnologie greifbar macht.
Technisch steckt darin echtes Handwerk: Die Videos liegen auf Desktop im Landscape-Format und auf Mobile im Portrait-Format vor, jeweils zusätzlich in zwei Dateiformaten (WebM und MP4) für maximale Browser-Kompatibilität. In Summe ist hier eine ganze Reihe sorgfältig abgestimmter Videos im Einsatz, die nahtlos ineinandergreifen.
Mehrsprachig und video-getrieben
Die Website ist mehrsprachig aufgesetzt (Deutsch und Englisch) und damit bereit für die internationale Skalierung von Vertic Greens. Bewegtbild spielt durchgängig eine zentrale Rolle: Videos transportieren das Anlagen-Erlebnis bereits im Hero und ziehen sich als Gestaltungsmittel durch die Seite.
News-Bereich und selbst pflegbare Formulare
Über einen integrierten News-Bereich hält Vertic Greens Interessierte selbstständig auf dem Laufenden. Auch die Formulare lassen sich eigenständig pflegen, ohne Entwickler-Ressourcen. So behält das Team die volle Kontrolle über Inhalte und Kommunikation.
Integriertes Karriereportal
Wie schon bei Servus ist das zentrale Karriereportal der Heron Group nahtlos eingebunden. Offene Stellen erscheinen direkt im Vertic-Greens-Design, der Wechsel ins Portal passiert erst beim eigentlichen Bewerbungsschritt.
Das Ergebnis
Die neue Plattform macht ein komplexes Produkt erlebbar und bleibt dabei voll in der Hand des Teams:
Erlebbares Produkt: das interaktive System-Entdecken mit Hotspots und Zoom-Videos macht die Anlage begreifbar.
Performance: statische Auslieferung über Next.js auf bewährtem Servus-Fundament.
Eigene Identität: ein cleaner, ruhiger Look, der sich klar von der kosmischen Servus-Welt abhebt.
Internationalität: mehrsprachig aufgesetzt und bereit für die globale Skalierung.
Unabhängigkeit: News, Formulare und Seitenhintergründe sind ohne Code pflegbar.
Recruiting: das Heron-Karriereportal ist nahtlos integriert.
Diese Technologien haben wir verwendet
Payload
Payload ist ein modernes, Open-Source-Headless-CMS, das mit einem Code-First-Ansatz vollständig in TypeScript konfiguriert wird und Entwicklern damit maximale Kontrolle über Datenmodell, Logik und Schnittstellen gibt. Mit seinem automatisch generierten Admin-Panel, nativer REST- und GraphQL-API sowie flexibler Anbindung an Datenbanken wie MongoDB oder PostgreSQL vereint Payload die Anpassbarkeit eines eigenen Backends mit der Benutzerfreundlichkeit eines fertigen Redaktionssystems.
Ein Fundament für die Zukunft
Mit Vertic Greens setzt sich die Partnerschaft mit der Heron Group konsequent fort. Auf bewährter Basis ist eine eigenständige, zukunftssichere Plattform entstanden. Wir freuen uns auf die weiteren gemeinsamen Projekte, die noch vor uns liegen.
Häufige Fragen zum Projekt
Was ist das Besondere an der Vertic-Greens-Website?
Das Herzstück ist das interaktive System-Entdecken. Über pulsierende Hotspots lässt sich die gesamte Vertical-Farming-Anlage entdecken. Ein Klick startet ein Zoom-in-Video, am Ende erscheinen Infos zum jeweiligen Bereich, beim Schließen führt das rückwärts abgespielte Video zurück zur Übersicht.
Auf welcher technischen Basis wurde die Seite gebaut?
Vertic Greens baut auf derselben Plattform wie die Servus-Website auf und nutzt denselben Tech-Stack: Next.js, Payload CMS und MongoDB, ergänzt um Tailwind, GSAP und Matomo.
Wie unterscheidet sich das Design von der Servus-Website?
Während Servus auf einen kosmischen Look setzt, ist Vertic Greens bewusst clean gehalten. Der Seitenhintergrund lässt sich trotzdem flexibel in Payload anpassen, ohne in den Code einzugreifen.
Ist die Website mehrsprachig?
Ja, die Seite ist mehrsprachig aufgesetzt (Deutsch und Englisch) und damit für die internationale Skalierung von Vertic Greens vorbereitet.
Wie funktionieren die Videos im System-Entdecken technisch?
Die Videos liegen auf Desktop im Landscape-Format und auf Mobile im Portrait-Format vor, jeweils zusätzlich in WebM und MP4 für maximale Browser-Kompatibilität.
Kann Vertic Greens Inhalte selbst pflegen?
Ja. Der News-Bereich, die Formulare und die Seitenhintergründe lassen sich eigenständig verwalten, ganz ohne Entwickler-Ressourcen.
