Kommunikation
Screendesign
Screendesign für Websites, Portale und Web-Apps
State of the art, aber anders als alle anderen: Nur wer unverwechselbar ist, setzt sich durch. Ihre digitalen Touchpoints sind echte Berührungspunkte, wenn alles am Design stimmt: der Ton, das Tempo, der Rhythmus, die Übergänge und Eyecatcher.
Das Screendesign zeigt, wie Marke, Inhalte, Nutzerführung und Funktionen in einer digitalen Anwendung zusammenspielen. Bevor programmiert wird, entsteht in Figma eine konkrete visuelle und funktionale Grundlage für die spätere Umsetzung.
Kern
- Informationsarchitektur und Navigation
- Konzeption und Gestaltung der Startseite
- exemplarische statische und dynamische Seitentypen
- responsive Layouts für Desktop, Tablet und Smartphone
- visuelle Nutzerführung und Interaktionsprinzipien
- digitale Typografie, Farben und Bildverwendung
- wiederverwendbare UI-Komponenten
- Styleguide und Gestaltungsregeln
- strukturierte Übergabe in Figma für weitere Entwicklungstätigkeiten
Optional
- klickbarer Prototyp
- User Flows und Prozessdarstellungen
- Animationen und Interaktionskonzepte
- individuelle Formulare und Lead-Strecken
- Erweiterung bestehender Designsysteme
- laufende Ergänzung weiterer Seitentypen
- Überprüfung intern erstellter Seiten
- Begleitung der technischen Umsetzung
Voraussetzungen
- definierte Ziele und Zielgruppen
- abgestimmte Inhalte oder eine belastbare Inhaltsstruktur
- Markenstrategie und Brand Design
- Anforderungen an Funktionen und Nutzerabläufe
- Ansprechpartner für inhaltliche und gestalterische Entscheidungen
- vorhandenes Process Fact Book oder eine vergleichbare Projektgrundlage bei komplexeren Anwendungen
Sie erhalten
- ausgearbeitete Screendesigns in Figma
- eine klare Struktur für Inhalte und Navigation
- responsive Entwürfe für relevante Bildschirmgrößen
- wiederverwendbare Komponenten und UI-Elemente
- definierte Zustände für Formulare und Interaktionen
- einen digitalen Styleguide
- eine nachvollziehbare Grundlage für Aufwandsschätzung und Programmierung
- ein konsistentes digitales Markenerlebnis
Warum ein Screendesign vor der Programmierung?
Eine Website oder digitale Anwendung lässt sich technisch entwickeln, ohne sie vorher vollständig zu gestalten. Wesentliche Entscheidungen werden dann jedoch während der Programmierung getroffen.
Dabei entstehen Fragen wie:
- Welche Inhalte gehören auf die Startseite?
- Welche Seiten und Funktionen werden benötigt?
- Wie finden Nutzer zum passenden Angebot?
- Was passiert nach dem Absenden eines Formulars?
- Wie verhält sich die Navigation auf dem Smartphone?
- Welche Elemente sollen wiederverwendet werden?
- Welche Zustände und Fehlermeldungen müssen berücksichtigt werden?
Werden diese Fragen erst während der Entwicklung beantwortet, müssen bereits umgesetzte Komponenten häufig verändert oder neu aufgebaut werden.
Im Screendesign können unterschiedliche Lösungen zunächst sichtbar gemacht, verglichen und korrigiert werden. Eine Anpassung im Entwurf ist deutlich einfacher als eine Änderung an einer bereits programmierten Anwendung.
Klarheit schaffen, bevor programmiert wird
Das Screendesign ist keine zusätzliche dekorative Projektphase. Es ist die gemeinsame Entscheidungsgrundlage zwischen Unternehmen, Gestaltung und Entwicklung.
Es macht sichtbar, was später entstehen soll, bevor Zeit und Budget in die technische Umsetzung fließen. Dadurch werden digitale Projekte planbarer, Ergebnisse vergleichbarer und spätere Änderungen reduziert.