Zum Inhalt springen

Konzeptentwurf

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 12.11.2026

Ein Konzeptentwurf ist ein früher Gestaltungsentwurf, der die Richtung einer Gestaltung zeigt, bevor einzelne Seiten ausgearbeitet werden. Er legt Farbe, Schrift und typische Elemente fest und kommt oft in zwei oder drei Varianten. Das Wort ist beinahe doppelt gemoppelt: Konzept bedeutet laut Duden schon einen skizzenhaften Entwurf, aber auch einen klar umrissenen Plan. Im Konzeptentwurf wird aus dem Plan eine sichtbare Gestaltung.

Konzeptentwurf

Ein früher Gestaltungsentwurf, der die Richtung einer Gestaltung zeigt, oft in Varianten, bevor einzelne Seiten ausgearbeitet werden.
Beispiel: „Im Konzeptentwurf zeigen wir zwei Richtungen, bevor die Unterseiten entstehen.“

Auch: Vorentwurf.

Abgrenzung zur Website-Konzeption: Sie plant Inhalte, Struktur und Ziele, meist in Textform.

Was ein Konzeptentwurf festlegt

Ein Konzeptentwurf steht zwischen Moodboard und Mockup. Das Moodboard sammelt Stimmung aus fremden Bildern, das Mockup zeigt eine fertige Seite; der Konzeptentwurf zeigt die eigene Gestaltung in ihren Grundzügen. Eine Form dafür sind Style Tiles, die Brad Frost in Atomic Design beschreibt: Farbe, Schrift und Oberflächenelemente auf einem Blatt, um die Richtung früh zu klären, ohne vollständige Mockups zu bauen.

Vier Stationen auf einer Linie: Moodboard legt die Stimmung fest, Konzeptentwurf Farbe, Schrift und Elemente, Mockup das Layout einer Seite, Prototyp das Verhalten. Ein Keil darunter steht für den steigenden Änderungsaufwand.
Deshalb gehört die Freigabe der Richtung vor das erste Mockup.

Konzeptentwurf und Vorentwurf

In der Architektur hat diese Stufe einen festen Platz. Die HOAI teilt die Arbeit an Gebäuden in neun Leistungsphasen; für die Vorplanung, Phase 2, verlangt Anlage 10 das Untersuchen, Darstellen und Bewerten von Varianten nach gleichen Anforderungen, also einen Vorentwurf. Erst Phase 3, die Entwurfsplanung, arbeitet die gewählte Variante aus. Im Design gibt es keine solche Ordnung, die Logik ist dieselbe: erst Varianten, dann Entscheidung, dann Ausarbeitung.

Warum ein Konzeptentwurf Zeit spart

Je später eine Richtung kippt, desto teurer wird es. Stephen Hay brachte es laut Frost so auf den Punkt: Fertige Photoshop-Entwürfe seien der wirksamste Weg, einem Kunden zu zeigen, wie seine Website nie aussehen wird. Ein Konzeptentwurf ist bewusst unfertig und lädt zur Diskussion über die Richtung ein. Die Details folgen im Entwurf, die Zustimmung in der Designfreigabe.

Siehe auch:

Entwurf (Gestaltung)

Eine Zeichnung oder Darstellung, nach der etwas ausgeführt wird; in der Gestaltung die Stufen vom Scribble bis zur Reinzeichnung.

#Gestaltungsgrundlagen

Moodboard

Eine Collage aus Bildern, Farben, Schriften und Texten, die die gewünschte Stimmung eines Designs auf einen Blick zeigt.

#Gestaltungsgrundlagen

Mockup

Ein statischer, detailgenauer Entwurf einer Oberfläche mit Farben, Bildern und Schriften, der aussieht wie das fertige Produkt.

#Gestaltungsgrundlagen

Wireframe

Schematische Darstellung einer einzelnen Ansicht, die Aufbau und Rangfolge der Inhalte zeigt und die Gestaltung offen lässt.

#Benutzererfahrung (UX)

Designfreigabe

Die Zustimmung des Auftraggebers zu einem Entwurf, nach der auf dieser Grundlage weitergearbeitet wird.

#Gestaltungsgrundlagen

Präsentation von Entwürfen

Der Termin, in dem Gestalter dem Auftraggeber ihre Entwürfe vorstellen, begründen und Rückmeldung einholen; die Vorstufe zur Freigabe.

#Gestaltungsgrundlagen