Zum Projekt

Fokus wird geschärft

Neuer Horizont wird geladen

Blickwinkel werden adaptiert

Um alle Elemente der Website sehen zu können, aktivieren Sie bitte JavaScript.

Leichtigkeit in der
Gestaltung mit Fokus
auf dem Menschen.

Wir erwecken Konzepte
zum Leben.

Wir gestalten Erlebnisse,
die berühren, verbinden
und Klarheit schaffen.

Klarheit beginnt mit
einem Gespräch.

Digitale Modelle für Anlagen

Corporate Identity

Webdesign

Common Data Model

Kunde

Diamond

Rollen

UX-Architekt, Kreative Gestalter

DIAMOND, kurz für Digitale Anlagenmodellierung mit neutralen Datenformaten, ist ein Forschungs- und Entwicklungsprojekt, das ein durchgängiges Common Data Model für den industriellen Anlagenbau schafft. Ziel ist es, Daten entlang des gesamten Prozesses – von der Planung über die Konstruktion bis zur Inbetriebnahme – in einem neutralen und standardisierten Format verfügbar zu machen. Dadurch werden Medienbrüche vermieden, die Effizienz im Engineering gesteigert und die Zusammenarbeit zwischen unterschiedlichen Systemen und Partnern erleichtert. Mit diesem Ansatz trägt DIAMOND dazu bei, die Wertschöpfungsketten in der Industrie resilienter, nachhaltiger und zukunftsfähiger zu gestalten.

Strategie

Anforderungsanalyse

Zielgruppendefinition

User Research

Nutzerinterviews

Markt- und Wettbewerbsanalyse

Personas & Customer Journeys

UX-Design

Informationsarchitektur

High-Fidelity Prototypen

Interaktionskonzepte

Content-Strategie & UX Writing

UI-Design

Visuelles Layout & Design

Komponenten & Design-Systeme

Designsystem-Dokumentation

CI / CD

Logo & Markenzeichen

Farb- und Formgebung im Layout

Ikonografie

Brand Guidelines

Bildsprache & Designsystem

Umsetzung durch Partner

Technische Entwicklung Frontend

Quality Assurance & Testing

Wartung & Support

Hosting & Infrastruktur

Umsetzung SEO-Maßnahmen

Projektstruktur

Nutzungs­kontext­analyse

Im Fokus stand die Untersuchung, wie Forschungsergebnisse rund um das Common Data Model für den Anlagenbau unterschiedlichen Zielgruppen vermittelt werden können. Dazu wurden typische Nutzungsszenarien von Ingenieur:innen, Projektpartnern und Förderinstitutionen betrachtet.

Informations­architektur

Die Inhalte wurden so gegliedert, dass die Kernthemen von DIAMOND – Problemstellung, Lösungsansatz und Mehrwert – in einer logischen Abfolge vermittelt werden. Besucher:innen erhalten dadurch einen klaren Überblick über die Zielsetzung und den Nutzen des Projekts.

Prototyping

Klickbare Prototypen dienten dazu, die Benutzerführung zu erproben. Sie machten sichtbar, wie komplexe technische Informationen in verständliche Textmodule, Infografiken und interaktive Elemente übersetzt werden können.

Visuelle Gestaltung

Das Design visualisiert den Anspruch an Standardisierung und Zukunftsfähigkeit. Dunkle Flächen schaffen Tiefe, während Akzentfarben in Grün und Blau die Themen Daten, Vernetzung und Innovation symbolisieren.

Strahlender Diamant zwischen Technik und Transparenz

Das Erscheinungsbild von DIAMOND wurde so entwickelt, dass es die Kernwerte des Forschungsprojekts unmittelbar sichtbar macht. Das Logo kombiniert eine facettenreiche Diamantgrafik in abgestuften Blau- und Grüntönen mit einer prägnanten Wortmarke in technisch anmutender Versaltypografie. Die klaren, kantigen Formen der Schrift transportieren Präzision und Verlässlichkeit – zentrale Eigenschaften für den sicheren Austausch technischer Daten. Gleichzeitig sorgt die großzügige x-Höhe für Offenheit und Lesefreundlichkeit. Die Farbwelt, bestehend aus variierenden Blau-Grün-Tönen, schafft eine konsistente Corporate Identity. Sie verweist auf Aspekte wie Vernetzung, Neutralität und Innovation und visualisiert zugleich die Vielfalt standardisierter Datenformate, die im Projekt eine tragende Rolle spielen. So entsteht ein visuelles Konzept, das den wissenschaftlich-technischen Anspruch von DIAMOND mit einer modernen, zukunftsorientierten Markenidentität verbindet.

#1D89FF

#29CAED

#00D0BD

#FFFFFF

Headline Font

Bold

Jura

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Body Text

Regular

Nunito Sans

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Abbildung: Mockups der DIAMOND Website

Alles auf einen Blick

Die Website wurde so konzipiert, dass die zentralen Inhalte von DIAMOND unmittelbar erfassbar sind. Klare Strukturen, modulare Abschnitte und visuelle Leitlinien erleichtern den Einstieg und führen Nutzer:innen intuitiv durch das Projekt. Durch den Einsatz von Infografiken und prägnanten Gestaltungselementen entsteht ein schneller, fundierter Überblick, der komplexe Forschungsthemen verständlich macht.