KMS TEAM GmbH

Bringing strategy andbranding excellence to life

KMS TEAM Mobile Website | Hypercode, Digital Product Studio, Köln

KMS TEAM ist eine der größten inhaber­geführten Strategie- und Branding-Beratungen Deutschlands, die seit über 40 Jahren renommierte Kund­*innen mit heraus­ragender Expertise in strate­gischer Unter­nehmens­positio­nierung, Corporate Identity, Design-Systemen und Marken­management unterstützt.

In enger Zusammenarbeit mit KMS TEAM entwickelten wir auf Basis des Konzepts, der Inhalte und des Designs von KMS TEAM eine hoch-dynamische Website, die in ein­drucks­vollen (Bewegt-)Bildern die Mitarbeiter­*innen, die Kompetenzen und das umfang­reiche und abwechslungs­reiche Portfolio von KMS TEAM aufzeigt. Dazu haben wir ein komplett modulares, skalier­bares Redaktions­system und ein modernes, dynamisches Frontend geschaffen, das die Themen und Arbeiten von KMS TEAM jetzt und in Zukunft bestens in Szene setzt.

Zur KMS TEAM-Website
KMS TEAM Website | Hypercode, Digital Product Studio, Köln
KMS TEAM Website | Hypercode, Digital Product Studio, Köln
KMS TEAM Website | Hypercode, Digital Product Studio, Köln
KMS TEAM Website | Hypercode, Digital Product Studio, Köln

A Flexible CMS for Limitless Brand Expression

Die Arbeit von KMS TEAM zeichnet sich durch die auf jede Organisation und jede Marke individuell zuge­schnittenen Strategien, Erzählweisen und Designs aus. Etwas, das auch die neue Website wider­spiegeln und ermöglichen sollte.

Um diesen Anforderungen auf redaktioneller Seite gerecht zu werden, entwickelten wir auf Basis von Craft CMS ein ausge­klügeltes Redaktions­system, das die Kombination einer Vielzahl von Komponenten und Inhalts­elementen miteinander erlaubt. Diese wiederum können jeweils über das Content-Management-System vollständig individuell einge­stellt und gestaltet werden.

Die redaktionell erstellten Inhalte werden anschließend „headless“ über eine GraphQL-Schnittstelle von einer Vue.js- und Nuxt.js-basierten, server­seitig vorge­renderten 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 der Nutzer­*innen ange­zeigt und abgespielt werden. Die Umsetzung ist dabei kontext­unab­hängig erfolgt, so dass die Website auf Mobile-Devices und Tablets genau so gut funktioniert, wie auf sehr großen Monitoren und Screens.

Technologies

  • Logo von Vue.jsWeb-Entwicklung mit Vue.js
  • Logo von NuxtWeb-Entwicklung mit Nuxt
  • Logo von GraphQLWeb-Entwicklung mit GraphQL
  • Logo von REST APIWeb-Entwicklung mit REST API
  • Logo von Node.jsWeb-Entwicklung mit Node.js
  • Logo von CraftCMSWeb-Entwicklung mit CraftCMS
  • Logo von MuxWeb-Entwicklung mit Mux
Die Performance der umfangreichen Inhalte sowie die Dynamik des Gesamt­eindrucks waren uns besonders wichtig.Wir freuen uns, mit Hypercode einen Partner zu haben, der unsere konzeptionellen sowie technisch-gestalterischen Rahmen­bedingungen sofort verstanden und optimal realisiert hat.Die Zusammen­arbeit und der gegenseitige Austausch auf dem Projekt haben sehr viel Spaß gemacht.
Markus Sauer, Executive Design Director Digital
KMS TEAM GmbH