Leichte Sprache aktivieren Originaltext anzeigen
zum Inhalt
Fahne deutsch Fahne english
Webdesign & Programmierung
  Jetzt kontaktieren

Sie sind hier: Website-Erstellung > Webdesign

Autor: Christiane Schenke  |   Lesezeit ca.: 6 min  |   zuletzt überarbeitet: 30.01.2026

Webdesign  Halle/Saale, Leipzig & Sachsen-Anhalt

Design-Prozess

Unser Webdesign-Prozess ist klar strukturiert und nutzerzentriert. In vier Phasen – Analyse, Konzeption, visuelle Gestaltung und Finalisierung – entsteht ein individuelles Design, das sich bewusst vom Einheitsbrei abhebt. Keine Baukästen, keine fertigen Themes. Christiane Schenke, Diplom-Designerin mit über 20 Jahren Erfahrung und Absolventin der Burg Giebichenstein, sorgt für maßgeschneiderte Lösungen – egal ob für Freiberufler, Startups, KMU oder Non-Profit-Organisationen.

Prozessübersicht:

  • Phase 1: Design-Analyse
  • Phase 2: Design-Konzeption
  • Phase 3: Visuelle Gestaltung
  • Phase 4: Design-Finalisierung & Übergabe

Unser Vorgehen stellt sicher, dass das Design Nutzerbedürfnisse, Markenidentität und individuelle Ziele des Kunden berücksichtigt.

Phase 1: Design-Analyse

Ziel: Verständnis von Kunde, Branche, Nutzer und Mitbewerber.

Input:

  • Informationen vom Kunden (Unternehmen, Zielgruppe, Ziele, Designvorstellungen)
  • Bestehende Inhalte & Corporate Design
  • Wettbewerbsanalyse

Prozess / Schritte:

  • Analyse der Zielgruppe
  • Analyse der Branche und Mitbewerber
  • Erfassen von Markenwerten und bisherigen Assets

Output / Ergebnis:

  • Klar definierte Design-Anforderungen
  • Liste der Designziele
  • Briefing für die nächste Phase

Rollen:

  • Lilac Media: Durchführung der Analyse, Erstellung des Briefings
  • Kunde: Bereitstellung von Informationen und Feedback

Phase 2: Design-Konzeption

Ziel: Strukturelle Grundlage für die Gestaltung schaffen.

Input:

  • Analyse-Ergebnisse aus Phase 1
  • Designziele und Kundenwünsche

Prozess / Schritte:

  • Erstellung des Layout- und Navigationskonzepts
  • Entwicklung eines visuellen Grundkonzepts abgestimmt auf Markenidentität
  • Auswahl von Typografie, Farbpalette, Bildstil (grundlegend)

Output / Ergebnis:

  • Konzept-Dokument / Wireframes
  • Designrichtlinien für visuelle Gestaltung

Rollen:

  • Lilac Media: Entwurf des Konzepts, Abstimmung mit dem Kunden
  • Kunde: Feedback zu Struktur und Konzept

Phase 3: Visuelle Gestaltung

Ziel: Konkrete, visuelle Umsetzung des Design-Konzepts.

Input:

  • Konzept-Dokument aus Phase 2
  • Kundenfeedback

Prozess / Schritte:

  • Gestaltung der Screens / Seitenlayouts
  • Integration von Farb- und Typografie-Richtlinien
  • Abstimmung der visuellen Elemente auf Marke und Zielgruppe

Output / Ergebnis:

  • Finaler Design-Entwurf (Prototyp)
  • Vorschau der wichtigsten Seiten / Templates

Rollen:

  • Lilac Media: Erstellung des Designs, Anpassung nach Feedback
  • Kunde: Feedback zu finalen Entwürfen

Phase 4: Design-Finalisierung & Übergabe

Ziel: Abschluss des Design-Prozesses und Vorbereitung für Umsetzung.

Input:

  • Finaler Entwurf aus Phase 3
  • Letzte Rückmeldungen des Kunden

Prozess / Schritte:

  • Umsetzung kleiner Anpassungen
  • Fertiger Prototyp zur Übergabe
  • Sicherstellung der Konsistenz über alle Seiten

Output / Ergebnis:

  • Freigegebenes finales Design
  • Fertiger Prototyp für die weitere Inhaltsintegration

Rollen:

  • Lilac Media: Feinschliff und Übergabe
  • Kunde: Freigabe und Abnahme

Fallbeispiel: Webdesign für eine neu gegründete Hausarztpraxis

Ausgangssituation & Ziel

Eine Hausärztin gründet eine neue Praxis. Ziel der Website ist es, Patienten klar und verständlich durch organisatorische Abläufe zu führen – insbesondere bei Terminen, Rezepten und Überweisungen. Das Design soll die Praxisorganisation unterstützen und dem Praxisteam Arbeit abnehmen.

Lilac Media übernimmt die Konzeption und Gestaltung eines klaren, nutzerfreundlichen Webdesigns.

Phase 1: Design-Analyse

Zu Beginn wurde gemeinsam definiert, welche Aufgaben die Website für Patienten erfüllen soll. Der Fokus lag auf Orientierung, Verständlichkeit und Reduktion von Rückfragen.

Ein Corporate Design existierte nicht. Die Kundin wünschte kein Logo, sondern nannte lediglich die Farbwelt Bordeaux, Weiß und Silbergrau sowie ein bewusst schlichtes, klares Erscheinungsbild.

Die Inhalte wurden arbeitsteilig vorbereitet: Die Kundin lieferte kurze, reduzierte Texte, während Lilac Media vor Ort in der Praxis authentische Fotos erstellte.

Phase 2: Design-Konzeption

Auf Basis der Analyse entstand ein Designkonzept, das ohne Logo und mit sehr reduziertem Text funktioniert. Ein zentrales Gestaltungselement war die Wahl der Typografie.

Zum Einsatz kam eine breite, serifenlose Schrift, die auch bei wenig Text visuelle Präsenz erzeugt und gleichzeitig sehr gut lesbar ist. Das Schriftbild vermittelt Stabilität und Sicherheit – unabhängig vom jeweiligen Inhalt.

Phase 3: Visuelle Gestaltung

Die Gestaltung folgt einem kompakten, ruhigen Layout mit klarer Navigation. Bordeaux wird gezielt als Leitfarbe eingesetzt, um Menüelemente und zentrale Handlungsaufforderungen hervorzuheben.

Die Menübezeichnungen sind bewusst handlungsorientiert gewählt, sodass Patienten sofort erkennen, wie sie Termine vereinbaren oder Anliegen klären können. Der Inhaltsbereich ist zurückhaltend gestaltet, um Informationen schnell und ohne Ablenkung erfassbar zu machen.

Phase 4: Design-Finalisierung & Übergabe

Nach der Abstimmung mit der Hausärztin wurde das Design konsistent auf alle Seitentypen übertragen und finalisiert. Jede Seite erhielt ein thematisch passendes Praxisfoto.

Für die Texte wurden lesefreundliche Layouts entwickelt, die je nach Inhaltstyp variieren. Der finale Design-Prototyp wurde übergeben und bildet die gestalterische Grundlage für weitere Seiten und Inhalte.


Ihr individuelles Webdesign starten

Kostenloses Analysegespräch – wir klären Ziele, Inhalte und Nutzeranforderungen.

Jetzt Analysegespräch vereinbaren


Fragen zum Thema Webdesign, die Sie interessieren könnten

Warum ist das Design einer Website wichtig?

Individuelles Webdesign stärkt die Wiedererkennung Ihrer Marke und schafft einen klaren visuellen Fingerabdruck. Durch eine durchdachte Gestaltung finden Nutzer intuitiv die Informationen, nach denen sie suchen, und die Struktur der Website wird sofort verständlich. Dadurch entsteht ein nutzerfreundliches, vertrauensbildendes und einprägsames Web-Erlebnis.

Was unterscheidet individuell gestaltete Homepage von Baukastensystem?

Ein Baukastensystem basiert auf vorgefertigten Vorlagen, die nur eingeschränkt angepasst werden können. Eine individuell gestaltete Website hingegen wird präzise auf das Branding und Corporate Design des Unternehmens zugeschnitten. Dadurch entsteht ein einzigartiger, professioneller Auftritt, der sich flexibel an Ihre Anforderungen anpassen lässt.

Kann ich auf die Gestaltung Einfluss nehmen?

Ja. Während des gesamten Gestaltungsprozesses beziehen wir Ihr Feedback aktiv ein und lassen Ihre Wünsche direkt in das Design einfließen. So entsteht eine Website, die genau zu Ihnen passt.

  
  

Inhaltsverzeichnis:

Barrierefreiheit Optionen (erneutes Öffnen über: Hochstelltaste + b) Modus für Screenreader aktivieren Barrierefreies Menü öffnen Zum Seiteninhalt springen Inhaltselemente anzeigen Zur Fußzeile springen
Modus für Sehbehinderte aktivieren Nachtmodus aktivieren Alle Bilder ausblenden Mauszeiger vergrößern Lesbare Schrift aktivieren Überschriften hervorheben Hyperlinks hervorheben Leichte Sprache aktivieren Sprachausgabe aktivieren
Barrierefreies Menü ( erneutes Öffnen über: Hochstelltaste + m ) 1 2 Website-Erstellung 2.1 Konzept 2.2 Webdesign 2.3 Responsive Design 2.4 SEO und Sichtbarkeit 2.5 Texte für die Website 2.6 Rechtliches und DSGVO 2.7 Preise 2.8 Website-Kalkulator 2.9 Barrierefreiheit 3 Website-Pflege 3.1 Pflege 3.2 Modernisierung 3.3 Lilac-cms 3.5 Mitarbeiter finden 4 Programmierung 4.1 Wann sinnvoll? 4.2 Agile Arbeitsweise 4.3 Eigene Entwicklungen 4.4 Digitalisierung 4.5 Komplexität? 4.6 Kosten für Programmierung 5 Webagentur 5.1 Team 5.2 Geschichte 5.3 Was uns wichtig ist 6 Referenzen 6.1 Referenzen nach Branchen 6.2 Neue Websites 6.3 Branchen- Kompetenzen 6.4 Kundenstimmen 7 Blog Impressum Datenschutz
Inhaltselemente dieser Seite (erneutes Öffnen über: Hochstelltaste + i) Prozessübersicht: Phase 1: Design-Analyse Phase 2: Design-Konzeption Phase 3: Visuelle Gestaltung Phase 4: Design-Finalisierung & Übergabe Fallbeispiel: Webdesign für eine neu gegründete Hausarztpraxis Ihr individuelles Webdesign starten Fragen zum Thema Webdesign, die Sie interessieren könnten