Webseiten – ausgewähltes Projektbild
01Web · Content · Information

Webseiten

Digitale Eigenprojekte, die Wissen strukturieren, Orientierung schaffen und komplexe Themen zugänglicher machen.

3 Live-ProjekteKonzept bis UmsetzungResponsive Web
Projekte direkt ansehen ↓
Direkt in die Projekte

Drei Systeme. Drei Aufgaben.

Die wichtigsten Arbeiten zuerst – als direkte visuelle Übersicht. Hintergründe, Rolle und Prozess folgen weiter unten.

RolleKonzept · Recherche · Content · Informationsarchitektur · UI/UX · Umsetzung
Status3 Live-Eigenprojekte
SchwerpunktContent Design · CMS · digitale Wissensvermittlung
Ein System · drei Aufgaben

Die rote Linie wird zum Informationspfad.

Politische Komplexität strukturieren.

Landingpage von Perfekter StaatPerfekter Staat
Landingpage von Denk-AnkerDenk-Anker
Landingpage von KörperlexKörperlex
Ausgewählte Plattformen

Drei Projekte mit einem gemeinsamen Anspruch.

Nicht bloß Landingpages, sondern eigenständige Informationssysteme: klar in der Haltung, verständlich im Aufbau und zugänglich in der Nutzung.

Projektvorschau Perfekter Staat
Politischer Themenatlas

Perfekter Staat

Komplexe politische und gesellschaftliche Herausforderungen werden in Befund, Handlungsoptionen und Abwägung getrennt. Ziel ist eine transparentere, sachlichere Debatte.

RolleKonzept · Recherche · Informationsarchitektur · UI/UX · UmsetzungStatusLive · Eigenprojekt
Projektvorschau Denk-Anker
Medienkompetenz

Denk-Anker

Ein interaktiver Prüfweg für Behauptungen, Quellen und mediale Inhalte. Für Alltag, Unterricht und eine informierte Öffentlichkeit.

RolleKonzept · Content-Struktur · Interaktionsdesign · UmsetzungStatusLive · Eigenprojekt
Projektvorschau Körperlex
Gesundheitswissen

Körperlex

Körperwissen verständlich, visuell und ohne unnötige Hürden vermitteln – damit Menschen informierter über den eigenen Körper sprechen können.

RolleKonzept · Wissensstruktur · UI/UX · UmsetzungStatusLive · Eigenprojekt
Gemeinsame Motivation

Orientierung statt Informationsüberflutung.

Die Projekte nutzen Gestaltung nicht als Oberfläche, sondern als Werkzeug: Inhalte werden sortiert, Beziehungen sichtbar und Entscheidungen nachvollziehbarer.

Wirkung

Was sie für die Gesellschaft leisten.

Gesellschaftlicher Mehrwert entsteht nicht durch große Behauptungen, sondern durch konkrete Zugänge zu Wissen, Quellen und Zusammenhängen.

01 · VERSTEHEN

Komplexität wird lesbar.

Informationsarchitektur zerlegt große Themen in nachvollziehbare Schritte.

02 · PRÜFEN

Urteilskraft wird gestärkt.

Methoden und Quellen helfen, Behauptungen selbstständiger einzuordnen.

03 · TEILHABEN

Wissen wird zugänglich.

Klare Sprache und Gestaltung senken die Einstiegshürde zu wichtigen Themen.

Prozess

Vom Thema zur funktionierenden Plattform.

Recherche, Struktur, Designsystem und technische Umsetzung werden als ein zusammenhängender Prozess gedacht.

01

Recherche

Thema, Quellen und Nutzerfragen verstehen.

02

Informationsarchitektur

Komplexität in klare Wege zerlegen.

03

Interface

Typografie, Hierarchie und Interaktion definieren.

04

Live-System

Responsive bauen, testen und verfeinern.

Hinter dem Projekt

Kontext, Rolle und Vorgehen.

Nach dem visuellen Einstieg folgt hier die fachliche Einordnung – kompakt und nachvollziehbar.

01

Ausgangspunkt

Die Frage, wie sich komplexe gesellschaftliche, mediale und gesundheitliche Themen so ordnen lassen, dass Menschen schneller Orientierung finden.

02

Eigene Rolle

Konzeption, Recherche, Content-Struktur, Informationsarchitektur, UI/UX und technische Umsetzung der Eigenprojekte.

03

Herausforderung

Große Informationsmengen verständlich zu machen, ohne Zusammenhänge zu verlieren oder Inhalte unnötig zu vereinfachen.

04

Vorgehensweise

Themen recherchieren, Inhalte clustern, Nutzerwege definieren, visuelle Hierarchien entwickeln, responsive umsetzen und fortlaufend verfeinern.

05

Werkzeuge

Recherche · Content-Struktur · UI-Systeme · CMS und Webtechnologien

06

Ergebnis & Erkenntnis

Drei live veröffentlichte Plattformen und ein übertragbarer Prozess für verständliche digitale Wissensangebote.

Weitere Projekte

Weiter durch das Archiv.

Sechs weitere Arbeiten – direkt auswählen, statt nur vor oder zurück zu springen.

Alle Arbeiten auf der Startseite ↗
Kartenspiel – Projektübersicht
01
GAME DESIGN · ILLUSTRATION · PRINTKartenspiel
YouTube und Musik – Projektübersicht
02
CONTENT · AUDIO · VISUALYouTube & Musik
3D und CGI – Projektübersicht
03
CGI · MOTION · VISUALIZATION3D & CGI
KLEUSBERG Konfigurator
04
DIGITAL PRODUCT · 3D · CONFIGURATORKLEUSBERG Konfigurator
Logoentwicklung – AL Identitätsstudie
05
IDENTITY · GRAPHIC DESIGN · SYSTEMLogoentwicklung
Fotografie – Projektübersicht
06
PHOTOGRAPHY · DOCUMENTARY · IMAGEFotografie