Wireframes stellen einen der ersten Schritte in der Webseitengestaltung dar. Sie dienen dazu in Form einer Skizze die Positionierung der einzelnen Seitenelemente festzulegen und mit dem Kunden zu diskutieren. Diese Darstellungsformen hat den Sinn, vor dem exakten Screendesign das Layout festzulegen um die während des Screendesigns viel aufwändigeren Änderungen auf ein Minimum zu beschränken. Mockups (auch Screendesign) werden oft mit Wireframes gleichgesetzt, sie sind allerdings wesentlich detailierter. Sie stellen das in Form und Farbe vollständig ausgearbeitete Design dar, wie es später auch im Browser aussehen soll. Um auch die bei uns eher seltene "Prototype" Darstellung zu erwähnen: Diese stellt eine klickbare Version der geplanten Website in HTML, CSS & Javascript dar und findet in der Regel nur bei sehr großen, umfangreichen Projekten Anwendung. Diese Darstellung ist mit hohem Zeitaufwand verbunden und damit für die meisten Projekte zu kostenintensiv.