01 / Die Aufgabe
Komplexe Kompetenz verständlich vermitteln.
DEVnet verbindet Daten, Technologie und Beratung. Für den Website-Relaunch sollten fachliche Leistungen und die Menschen dahinter gemeinsam sichtbar werden. Die Inhalte müssen sowohl Interessenten für konkrete Aufgaben als auch potenziellen neuen Kollegen Orientierung geben.
Die Medienachse begleitet das Projekt mit Konzept, UX/UI, Prototyping und der Ausarbeitung visueller Assets. Dazu gehören Illustrationen und die Vorbereitung der Design-Ergebnisse für die Entwicklung.
- Unternehmen
- DEVnet GmbH
- Projekt
- Website-Relaunch
- Beitrag der Medienachse
- Konzept, UX/UI, Prototyping, Illustrationen und Dev-Handoff
- Ansprechpartner
- Martin Laukmanis
02 / Konzept & UX
Mehrere Zugänge zu einer zusammenhängenden Geschichte.
Branchen, Services, Menschen und Themen bilden miteinander verknüpfte Zugänge. Besucher können bei einer fachlichen Frage beginnen und von dort zu passenden Leistungen, Beispielen und Ansprechpartnern gelangen.
Die UX-Arbeit betrachtet diese Beziehungen ebenso wie den einzelnen Seitenaufbau: Was zeigt eine Übersicht, wann öffnet sich ein Detail, und wie führt der Weg anschließend weiter? Wireframes und Prototypen machen solche Entscheidungen konkret und schaffen eine gemeinsame Grundlage für die Abstimmung.
Auch Karriere und Kontakt gehören in dieses System. Der Auftritt soll fachliche Tiefe vermitteln und zugleich einen verständlichen nächsten Schritt anbieten.
03 / UI & Seitensystem
Ein gemeinsamer Rahmen für unterschiedliche Inhalte.
Aus den konzeptionellen Grundlagen werden ausgearbeitete Ansichten für Startseite, Services, Unternehmensdarstellung und Karriere. Typografie, Bildflächen und wiederkehrende Module verbinden die unterschiedlichen Seitentypen.
Die Service-Strecke zeigt beispielhaft, wie Übersicht und vertiefende Inhalte zusammenspielen: Leistungsbereiche erhalten eigene visuelle Einstiege; geöffnete Bereiche geben Raum für konkrete Projektgeschichten und ergänzende Informationen.
Die einzelnen Zustände werden in den Layouts nachvollziehbar ausgearbeitet. So lässt sich in der Abstimmung sowohl über das Erscheinungsbild als auch über das Verhalten der Oberfläche sprechen.
04 / Illustrationen & Assets
Fachliche Themen bekommen eine eigene Bildsprache.
Illustrationen sind ein eigener Teil unserer Arbeit für DEVnet. Sie übersetzen abstrakte Branchen- und Leistungsthemen in wiedererkennbare Motive und ergänzen die fotografische Bildwelt.
Die ausgewählten Branchenmotive arbeiten mit einer reduzierten Linienzeichnung und gezielten Farbakzenten. Windräder stehen für Energie, eine Stadtsilhouette für den Finanzbereich und ein schützendes Motiv für Versicherungen. Die Motive lassen sich als zusammengehörige Familie innerhalb der Website einsetzen.
Zusätzlich entstehen Icons und weitere grafische Elemente für Navigation, Funktionen und Inhalte. Die Ausarbeitung berücksichtigt dadurch sowohl größere Bildmotive als auch kleine, wiederkehrende Anwendungen.
05 / Übergabe an die Entwicklung
Design so aufbereiten, dass es umgesetzt werden kann.
Zur Arbeit gehört auch der Dev-Handoff: Ansichten und Interaktionszustände werden zusammengeführt und die zugehörigen Assets für die Entwicklung bereitgestellt. Die Gestaltung wird damit bis in die Übergabe begleitet.
Wiederkehrende Elemente und exportierte Grafiken müssen sich den jeweiligen Anwendungen zuordnen lassen. Strukturierte Ablagen, passende Dateiformate und nachvollziehbare Varianten unterstützen die Zusammenarbeit zwischen Gestaltung und Entwicklung.
Die Projektarbeit verbindet deshalb die gestalterische Ausarbeitung mit dem Blick auf die spätere Umsetzung: vom Wireframe über den Prototyp und das UI bis zu Illustrationen, Icons und den konkreten Übergabe-Dateien.
Ansichten und Zustände
Layoutvarianten und Interaktionen als gemeinsame Umsetzungsgrundlage.
Grafiken und Exporte
Illustrationen und Icons für die jeweilige Anwendung bereitstellen.
Zusammenhänge klären
Wiederkehrende Elemente und ihre Verwendung nachvollziehbar übergeben.
06 / Unser Beitrag
Konzept und Umsetzung gemeinsam denken.
Der DEVnet-Case zeigt die Bandbreite unserer Arbeit an einem digitalen Auftritt. Inhalte und Nutzerwege werden strukturiert, Oberflächen ausgearbeitet, Illustrationen entwickelt und die Ergebnisse für die technische Umsetzung aufbereitet.
Die hier gezeigten Beispiele stammen aus der Relaunch-Arbeit und dokumentieren unterschiedliche Entwicklungsstände. Sie geben Einblick in den Weg von der ersten Struktur bis zur ausgearbeiteten Anwendung.
Ein komplexes Angebot verständlich machen?
Von der Struktur
bis zur Übergabe.
Wir begleiten digitale Auftritte mit Konzept, UX/UI und einer Bildwelt, die zum Thema passt.
Mit Martin sprechen