Website-Entwicklung für IKW

Auftrag & Auftraggeber

IKW mit den Standorten in Amstetten und Adlwang bei Bad Hall gestaltet Infrastruktur nachhaltig. Dabei bietet das Unternehmen ein breites Leistungsspektrum an: Breitbandausbau, Wasserbau & Hochwasserschutz, Wasserversorgung, Abwasserentsorgung, Verkehrswegebau, Energie und Umwelt, Leitungsinformationssystem GIS, Regenwasserbewirtschaftung und retentive Systeme, Gutachten.

Der Auftrag an uns war es, den Relaunch zu konzipieren, Seiten und Seitenaufbau zu restrukturieren, bestehende und ältere Inhalte zu berücksichtigen und entsprechend eingliedern und selbstverständlich nach den modernsten Entwicklungsstandards umzusetzen.

Herausforderung

Der größte Wunsch war es, das breitgefächerte Leistungsspektrum entsprechend in Szene zu setzen, die Referenzen in weiterer Folge um authentische Kundenstimmen zu erweitern und den Karriere-Bereich der IKW auszubauen. Gerade bei letzterem ging es darum, Einblicke in die Arbeitswelt der IKW zu schaffen und den Spirit und den Team-Geist sowie die Werte des gesamten Unternehmens zu zeigen. Das ist auch mit Sicherheit im Imagefilm perfekt gelungen.

Umsetzung & Realisierung

• Konzept- und Kreativphase
  Im ersten Workshop haben wir den Status-Quo festgehalten und gemeinsam Ziele der neuen Website definiert. Darüber hinaus wurden die ersten Zielgruppen und die dazugehörigen Personas niedergeschrieben.
  Durch die Infos aus dem 1. Workshop konnten wir die Ziele ausformulieren und auch klar festhalten wie wir diese Ziele messen können, die Personaus ausgearbeitet und die Sitemap entsprechend restrukturiert. Damit sind wir dann in einen 2. Workshop gegangen und haben gemeinsam mit dem Team der IKW die einzelnen Punkte noch abgestimmt und die Inhalte der einzelnen Seiten in Templates / Wireframes skizziert. Das war dann die Grundlage für unseren Partner - Mario Stix - in diesem Projekt das Design zu gestalten.

• Designphase
  Auf Basis der Konzeptphase wurde das Design nach den CI/CD Vorgaben der IKW umgesetzt und ein klickbarer Prototyp entwickelt, damit ein gemeinsames Verständnis für die geplante Umsetzung der Website vorhanden war.

• technisches Konzept
  Der Techstack stellt sich wie folgt zusammen:

  • Nuxt JS, hochperformantes Javascript Framework

  • Tailwind CSS

  • Headless CMS Storyblok

  • Mailersend

  • GitHub

  • Vercel

• Technische Umsetzung
  Auf Grund des modernen Ansatzes sowie dem Wunsch möglichst einfach, unkompliziert und schnell Inhalte zu überarbeiten, haben wir uns für das Headless CMS Storyblok entschieden (mal wieder). Darüber hinaus wurde die Website mit dem Javascript Framework Nuxt Js und dem CSS Framework Tailwind umgesetzt.
  
  Hier erfährst du mehr über das Headless CMS Storyblok und warum wir es so gerne einsetzen.

• Deployment
  Die Versionen der Website werden über GitHub kontrolliert und über Vercel deployed. Vercel ist als einer der führenden Node.js Hoster bekannt für Performance und Sicherheit.
  Nach Live-Schaltung werden abschließend noch alle Reports aus Google Analytics und der Google Search Console kontrolliert und final eingerichtet. So bekommt das Team der IKW laufend Informationen über die Nutzung und den Erfolg der Website.

Was sonst noch spannend ist

Im Anschluss an den Relaunch kümmern wir uns auch noch um die technische Funktionalität der Website. D.h. wir spielen laufend Updates ein, testen die gesamte Website durch und stellen sicher, dass die Website funktionstüchtig ist und bleibt.

Was die IKW noch sagt:
"Wir sind wirklich total happy mit Storyblok und unserer neuen Website. Nicht nur die Verwaltung unserer Inhalte wurde erheblich vereinfacht, sondern auch die Flexibilität und Skalierbarkeit unserer Website verbessert. Die nahtlose Integration und das benutzerfreundliche Backend ermöglicht es uns, Inhalte einfach und effizient zu aktualisieren und zu verwalten."

Projekt live erleben