Über Ihr Projekt sprechen
01 / Glossar

Wireframe

Eine einfache Skizze einer Seite oder eines Bildschirms, die nur die Inhaltsanordnung und die Priorität der Elemente zeigt, ohne Farben oder visuelle Details.

  1. 01

    Warum es wichtig ist

    Ein Wireframe ermöglicht es, vor Diskussionen über Farben und Optik zu entscheiden, was wo auf einer Seite steht. Eine Änderung in dieser Phase dauert Minuten; dieselbe Änderung in der Design- oder Codephase kann Tage dauern.

  2. 02

    Beispiel

    Eine Agentur erstellt zuerst ein Wireframe für die Startseite einer Unternehmenswebsite. Der Kunde möchte, dass der Referenzbereich vor dem Kontaktformular kommt, und die Änderung wird vorgenommen, bevor es zur visuellen Gestaltung geht.

  3. 03

    Häufiger Fehler

    Die Wireframe-Phase zu überspringen und direkt zur farblichen Gestaltung zu springen. Layout-Probleme fallen spät auf und das Design wird immer wieder neu gemacht.

  4. 04
Legen wir los

Über Ihr Projekt sprechen.

Erzählen Sie uns Ihren Bedarf; den Umfang klären wir gemeinsam.