Desktop-Mockup der Startseite des acatech Maturity Quick Assessment Smart Service mit einem abgestuften Sechseck als zentraler Visualisierung der zwölf Gestaltungsfelder sowie einer isometrischen Illustration im Zentrum und einer Balken-Grafik der sechs Reifegrade von Digital Starter bis Ecosystem Leader.

SMART

Im Auftrag eines Konsortiums aus acatech, Fraunhofer IEM, Heinz Nixdorf Institut, RWTH Aachen und dem Industrie 4.0 Maturity Center entwickelten wir das vollständige Corporate Design und das UI-Design für den acatech Maturity Hub Smart Services. Das Herzstück der Plattform ist ein umfangreiches Quick Assessment, das Unternehmen anhand von 6 Gestaltungsfeldern mit je 2 Prinzipien dabei unterstützt, ihren aktuellen Reifegrad in der Smart-Service-Transformation zu bestimmen.

Merkmale des Projekts:

  • Science
  • Online Survey
Show AppSMART
Desktop-Mockup der Startseite des acatech Maturity Hub Smart Services mit einer interaktiven Illustration aus vier isometrischen Sechsecken, die jeweils einen Innenraum mit thematischen Szenen zeigen – darunter Arbeitsplätze, technische Geräte und arbeitende Personen – als visueller Einstieg in die verschiedenen Gestaltungsfelder der Plattform.

Als verbindendes visuelles Element zieht sich ein abgestuftes Sechseck durch die gesamte Webseite: Es dient als Visualisierung des Reifegrads, strukturiert die Befragung, illustriert die Zusammensetzung des Maturity Index und rahmt die Darstellung des Entwicklungsteams. In den eigens entwickelten Illustrationen wird das Sechseck zur Grundform einer isometrischen Innenraumperspektive, die den einzelnen Gestaltungsfeldern ein unverwechselbares Gesicht verleiht.

Desktop-Ansicht der Startseite des acatech Maturity Quick Assessment Smart Service mit dem charakteristischen abgestuften Sechseck als zentraler Visualisierung der zwölf Gestaltungsfelder – Service, Nutzererlebnis, Produkt, Vernetzung, Technologie, Daten, Organisation, Management, Business, Ökosystem, Menschen und Kultur – mit isometrischer Illustration im Zentrum sowie einer Balken-Grafik der sechs Reifegrade von Digital Starter bis Ecosystem Leader.
Drei Mobile-Ansichten des acatech Maturity Quick Assessment Smart Service: Das linke Smartphone zeigt die Kategorieauswahl mit dem Gestaltungsfeld „Business & Ecosystem", die beiden rechten Screens zeigen eine Beispielfrage zur Technologieüberwachung im Bereich „Produkt" mit auswählbaren Antwortoptionen, die jeweils einem Reifegrad zugeordnet sind.
Desktop-Ansicht der Unternehmensinformationen-Seite des acatech Maturity Quick Assessment Smart Service mit einem Formular zur Eingabe von Unternehmensname, Rolle, Unternehmensgröße und Branche sowie einer Auswahl des vermuteten Ist-Reifegrads – begleitet von einer isometrischen Illustration eines lila Sechsecks mit einer Fabrikszene aus Robotern, Maschinen und Arbeitenden.
Desktop-Ansicht der Reifegradmodell-Seite des acatech Maturity Hub Smart Services mit einer Illustration aus sechs goldenen isometrischen Sechsecken, die jeweils eine thematische Szene der Gestaltungsfelder Service & Nutzererlebnis, Produkt & Vernetzung, Technologie & Daten, Organisation & Management, Business & Ökosystem sowie Menschen & Kultur zeigen – ergänzt durch eine Balken-Grafik der sechs Reifegrade von Digital Starter bis Ecosystem Leader.