Web-Entwicklung für KMS TEAM GmbH
Eine hoch-modulare und hoch-dynamische Website für eine der führenden Strategie- und Branding-Beratungen Deutschlands
KMS TEAM ist eine der größten inhabergeführten Strategie- und Branding-Beratungen Deutschlands, die seit über 35 Jahren renommierte Kunden mit herausragender Expertise in strategischer Unternehmenspositionierung, Corporate Identity, Design-Systemen und Markenmanagement unterstützt.
In enger Zusammenarbeit mit KMS TEAM und unseren Kollegen der Internetagentur PPW entwickelten wir auf Basis des Konzepts, der Inhalte und des Designs von KMS TEAM eine hoch-dynamische Website, die in eindrucksvollen (Bewegt-)Bildern die Mitarbeiter, die Kompetenzen und das umfangreiche und abwechslungsreiche Portfolio von KMS TEAM aufzeigt. Dazu haben wir ein komplett modulares, skalierbares Redaktionssystem und ein modernes, dynamisches Frontend geschaffen, das die Themen und Arbeiten von KMS TEAM jetzt und in Zukunft bestens in Szene setzt.
- Kunde
- KMS TEAM GmbH
- Leistungen
- Technische Projektleitung,
Frontend - & Backend-Entwicklung - Technologie
- Craft CMS, GraphQL-API,
Vue.js/Nuxt.js-basierte SPA
Technologie
Die Arbeit von KMS TEAM zeichnet sich durch die auf jede Organisation und jede Marke individuell zugeschnittenen Strategien, Erzählweisen und Designs aus. Etwas, das auch die neue Website widerspiegeln und ermöglichen sollte.
Um diesen Anforderungen auf redaktioneller Seite gerecht zu werden, entwickelten wir auf Basis von Craft CMS ein ausgeklügeltes Redaktionssystem, das die Kombination einer Vielzahl von Komponenten und Inhaltselementen miteinander erlaubt. Diese wiederum können jeweils über das Content-Management-System vollständig individuell eingestellt und gestaltet werden.
Die redaktionell erstellten Inhalte werden anschließend „headless“ über eine GraphQL-Schnittstelle von einer Vue.js- und Nuxt.js-basierten, serverseitig vorgerenderten Single Page Application (SPA) abgerufen und dargestellt. Das performante Frontend der Website zeichnet sich dabei durch eine hohe Dynamik aus: Es gibt zahlreiche Videos, Animationen, Bilder und Slide-Shows, die oft abhängig von der Scroll-Position des Nutzers angezeigt und abgespielt werden. Die Umsetzung ist dabei kontextunabhängig erfolgt, so dass die Website auf Mobile-Devices und Tablets genau so gut funktioniert, wie auf sehr großen Monitoren und Screens.
Die Performance der umfangreichen Inhalte sowie die Dynamik des Gesamteindrucks waren uns besonders wichtig. Hierbei ist eine präzise Umsetzung essentiell.
Wir freuen uns, mit Hypercode einen Partner zu haben, der unsere konzeptionellen sowie technisch-gestalterischen Rahmenbedingungen sofort verstanden und optimal realisiert hat. Die Zusammenarbeit und der gegenseitige Austausch auf dem Projekt haben sehr viel Spaß gemacht.