Vor jedem Pixel — warum Konzept wichtiger ist als Design

Schönes Design auf schwachem Konzept ist teure Visitenkarte. Warum wir immer mit der Strategie starten — und was das konkret bedeutet.

Strategie Redaktion Webdesign mit Konzept 5 Min. Lesezeit
Strategisches Planungsdokument auf einem Tisch — Symbol für Konzeptarbeit
Foto: Austin Distel / Unsplash

Es gibt einen häufigen Fehler in Webdesign-Projekten: Die Agentur startet mit Farben, Fonts und Moodboards, bevor irgendjemand gefragt hat, was die Website eigentlich erreichen soll. Das Ergebnis ist oft ein schönes Design, das aber inhaltlich nicht zum Unternehmen passt und keine Besucher zu Anfragen bewegt. Wir machen es anders: Konzept zuerst, Design danach. Warum das entscheidet.

Was Konzept im Webdesign konkret bedeutet

Konzept ist nicht nur „Gedanken vor dem Bauen". Es ist eine strukturierte Klärung von fünf Grundfragen, bevor überhaupt eine Zeile Code geschrieben wird:

  1. Wen sprechen wir an? Wer sind die typischen Besucher? Was suchen sie? Was wissen sie bereits über das Unternehmen? In welcher Situation sind sie, wenn sie die Website besuchen?
  1. Was ist das Ziel? Was soll der Besucher tun, nachdem er die Website gesehen hat? Anrufen? Ein Formular ausfüllen? Eine Offerte anfordern? Oder einfach informiert sein?
  1. Was ist das Wertversprechen? Warum sollte jemand bei Ihnen kaufen und nicht bei Ihren Wettbewerbern? Was bieten Sie, was andere nicht haben? Das ist oft der schwierigste Punkt — weil viele Unternehmen die Antwort selbst nicht klar formulieren können.
  1. Welche Hürden hat der Besucher? Was könnte ihn davon abhalten, die gewünschte Aktion auszuführen? Unsicherheit über Preise? Angst vor Qualität? Zweifel am Service? Diese Hürden müssen auf der Website adressiert werden.
  1. Wie messen wir Erfolg? Woran erkennen Sie, dass die Website funktioniert? Messbare Metriken sind wichtig — auch wenn sie manchmal nur „eine Anfrage pro Woche mehr" sind.

Diese fünf Fragen ergeben das Konzept. Wenn sie nicht geklärt sind, gibt es keine Grundlage für das Design.

Welche Fragen vor dem ersten Layout beantwortet werden müssen

Über die fünf Grundfragen hinaus gibt es eine Reihe taktischer Entscheidungen, die vor dem Layout geklärt werden müssen:

  • Welche Sektionen braucht die Startseite und in welcher Reihenfolge?
  • Welche Unterseiten sind sinnvoll und wofür?
  • Welche Aktionen soll der Besucher auf welcher Seite ausführen?
  • Wie kommt der Besucher zur Telefonnummer oder zum Kontaktformular?
  • Welche Inhalte gehören above-the-fold (also im sofort sichtbaren Bereich)?
  • Welche Vertrauens-Elemente sind nötig (Referenzen, Zertifikate, Kundenstimmen)?

Wenn Sie diese Fragen nicht beantworten, bauen Sie blind. Der Designer rät, der Entwickler setzt um, der Kunde guckt und sagt „hmm, irgendwie nicht". Und niemand weiß, warum — weil niemand vorher gesagt hat, was das Ergebnis können soll.

Warum Layout ohne Konzept zur teuren Visitenkarte wird

Ein Beispiel aus der Praxis (frei formuliert, nicht aus einem konkreten Projekt): Eine mittelständische Firma beauftragt eine Website bei einer Agentur, die „modernes Webdesign" macht. Die Agentur zeigt einen schönen Entwurf, der Kunde ist zufrieden, die Website geht live.

Drei Monate später fragt der Kunde: „Wir bekommen keine Anfragen über die Website. Woran liegt das?"

Die Agentur schaut sich die Situation an und stellt fest:

  • Das Telefonnummer steht erst ganz unten in der Footer-Sektion
  • Die Leistungen sind generisch beschrieben, ohne konkrete Beispiele
  • Es gibt keinen eindeutigen Call-to-Action
  • Vertrauenselemente (Referenzen, Kundenstimmen) fehlen
  • Die Texte sprechen von „wir" statt vom „Sie" des Kunden

All das sind Konzept-Probleme, keine Design-Probleme. Das Design ist objektiv schön. Die Website ist funktional schlecht — weil das Konzept nicht geklärt war.

Wie wir Konzept methodisch erarbeiten

Unser Konzept-Prozess läuft in zwei Schritten ab, beide im Briefing:

Schritt 1: Verstehen. Wir fragen durch. Was ist Ihr Angebot? Wer sind Ihre Kunden? Was unterscheidet Sie von Wettbewerbern? Was wissen Sie über die Suchgewohnheiten Ihrer Zielgruppe? Welche Aktion wollen Sie als Ergebnis?

Schritt 2: Strukturieren. Aus den Antworten leiten wir ab, welche Sektionen die Website braucht, in welcher Reihenfolge sie stehen sollten und welche Aktionen wo platziert werden. Das Ergebnis ist eine strukturierte Übersicht — keine Wireframes, aber eine klare Struktur-Aussage.

Dieser Prozess dauert 30-45 Minuten in einem strukturierten Gespräch. Kein Workshop, kein Tagesseminar — ein fokussiertes Gespräch mit jemandem, der die richtigen Fragen stellt.

Was im Konzept-Dokument schriftlich festgehalten wird

Nach dem Briefing erhalten Sie ein Konzept-Dokument. Es enthält:

Zielgruppen-Beschreibung (in 2-3 Sätzen, nicht in 5 Seiten Personas)

Wertversprechen (in einem Satz, der den Hauptnutzen formuliert)

Ziel-Aktion (was soll der Besucher tun)

Sektions-Struktur der Startseite (in Reihenfolge):

  1. Hero mit Hauptbotschaft
  2. Wertversprechen/USPs
  3. Leistungs-Überblick
  4. Vertrauens-Elemente
  5. Call-to-Action
  6. Kontaktbereich

(exemplarisch, Reihenfolge je nach Projekt unterschiedlich)

Unterseiten-Liste mit Zweck pro Seite

Messbare Erfolgs-Indikatoren

Das ist kein 30-seitiges Strategie-Papier. Es ist eine strukturierte Zusammenfassung auf zwei bis drei Seiten, die die wichtigsten Entscheidungen schriftlich festhält. Sie können jederzeit darauf zurückkommen, wenn Sie später Fragen haben.

Wann das Konzept das Design begründet

Ein Beispiel, wie Konzept das Design direkt beeinflusst:

Konzept-Entscheidung: „Die wichtigste Aktion ist ein Telefonat — unsere Kunden sind ältere Mittelständler, die lieber anrufen als Formulare ausfüllen."

Design-Konsequenz: Die Telefonnummer ist prominent im Header platziert (nicht versteckt in der Footer). Der primäre CTA im Hero ist „Jetzt anrufen" mit tel:-Link. Das Kontaktformular ist sekundär.

Ein anderes Projekt, andere Entscheidung: „Unsere Kunden sind junge Unternehmer, die bevorzugt per E-Mail oder Chat kommunizieren."

Design-Konsequenz: Kontaktformular ist prominent. Telefonnummer ist sichtbar, aber nicht dominant. Eventuell ein Chat-Widget.

Der Unterschied im Design ergibt sich aus dem Konzept — nicht aus Design-Geschmack. Das ist der Kern von „Konzept vor Design".

Warum wir keine Moodboards erstellen

Ein klassisches Tool in Konzept-Phasen ist das Moodboard — eine Collage aus Bildern, die die „Stimmung" der geplanten Website darstellen sollen. Wir machen das nicht. Warum?

Weil Moodboards subjektiv sind. Der Kunde nickt bei „modern und professionell", der Designer interpretiert das eine Art, der Kunde erwartet eine andere. Am Ende gibt es Missverständnisse, die in Korrekturschleifen ausgebadet werden.

Unsere Alternative: Wir bauen direkt den ersten Entwurf — in HTML, nicht in Photoshop. Sie sehen die echte Website, nicht eine subjektive Interpretation. Feedback ist dadurch präziser, und wir verschwenden keine Zeit mit Moodboards, die am Ende doch nicht passen.

Das Ergebnis: Websites, die ein klares Ziel haben

Wenn wir mit Konzept starten, bauen wir am Ende Websites, die nicht nur schön sind, sondern funktionieren. Der Unterschied ist messbar — nicht in Lighthouse-Scores, sondern in echten Anfragen von echten Kunden.

Das ist unser Versprechen: Jede unserer Websites hat eine klare Antwort auf die Frage „Warum existiert diese Seite?" Diese Antwort ist im Konzept formuliert, und das Design folgt der Antwort.

Wenn Sie eine Website bauen lassen wollen, bei der die Substanz stimmt — nicht nur die Oberfläche — ist das unser Ansatz. Schauen Sie sich unsere Pakete an oder rufen Sie direkt an. Das Konzept klären wir im Briefing, und das kostet Sie nichts extra.

Festpreis-Webdesign für kleine und mittlere Unternehmen — ohne Stundensatz, ohne Überraschungen. Schauen Sie sich die Pakete an oder rufen Sie kurz an.