Der technologische Sprung für die GK Grünenfelder AG
Tradition trifft digitale Vorreiterrolle
Ausgangslage
GK Grünenfelder steht für Qualität und Fortschritt im Bereich Fahrzeugbau und Transportlösungen. Während die bisherige WordPress-Instanz solide Dienste als Webseite leistete, war es Zeit für einen digitalen Generationswechsel. Das Ziel: Eine Webpräsenz, die den Innovationsgeist des Unternehmens nicht nur beschreibt, sondern technisch erlebbar macht.
Weg vom Standard, hin zum Erlebnis
Statt einer klassischen Startseite empfängt GK Grünenfelder seine Besucher mit der «GK Welt», einer interaktiven 3D-Karte. Realisiert mit der modernsten Technologien in diesem Bereich, bietet dieses Element einen spielerischen Einstieg in die komplexen Themenbereiche der Firma. Klickbare Hotspots navigieren Nutzer intuitiv durch die Standorte und Kompetenzen. Dieser interaktive Ansatz sorgt für eine sofortige Differenzierung zum Wettbewerb und bleibt im Gedächtnis.
Ergebnis
Swiss Made Digital Excellence
Das Feedback der User ist eindeutig: Die Seite fühlt sich nicht nur schneller an, sie ist es auch. Durch unsere komplette Inhouse-Entwicklung konnten wir sicherstellen, dass Design und Technik perfekt ineinandergreifen. Das Ergebnis ist ein digitales Aushängeschild, das die Marktführerschaft von GK Grünenfelder unterstreicht.
«Mit dem BUREAU54 haben wir unsere Vision, innovative Transportlösungen zu gestalten, konsequent in einen modernen, zukunftsorientierten Webauftritt übersetzt.»
Philippe Köppel, CEO GK Grünenfelder AG
Insights
Der technologische Kern: Performance ohne Kompromisse
Hinter dem modernen Interface von GK Grünenfelder schlägt ein technisches Herz, das konsequent auf Zukunftssicherheit ausgelegt ist. Erstmals haben wir hier einen Headless-Ansatz verfolgt, bei dem wir das Backend strikt vom Frontend trennen. Als zentrale Inhaltsverwaltung dient das Headless-CMS Strapi, welches den Redakteuren maximale Freiheit bei der Datenpflege lässt, während das Frontend auf Next.js basiert. Durch den Einsatz von TypeScript und React in Kombination mit Tailwind CSS und weiteren Bibliotheken konnten wir eine Code-Basis schaffen, die nicht nur wartungsarm, sondern auch auf Schnelligkeit optimiert ist.
Das technologische Highlight bildet die interaktive 3D-Karte auf der Startseite: Mittels Three.js haben wir eine performante WebGL-Umgebung geschaffen, die komplexe räumliche Daten direkt im Browser visualisiert. Dieser moderne Tech-Stack sorgt dafür, dass die Seite trotz der anspruchsvollen visuellen Elemente extrem performant bleibt und auf jedem Endgerät eine makellose User Experience bietet. Realisiert wurde das gesamte Projekt von der ersten UX-Skizze, inhouse bis zur finalen Programmierung, durch unser Team in Altstätten, Muri AG und Lützelflüh.
