Das Wireframe- & Scribble-Kit

Wireframes in einfach

Die beste Ausgangsbasis für erfolgreiche Webdesign-Projekte:
Skizzen und Wireframe-Prototypen schnell und einfach erstellen.
Wireframe Kit 43
Wireframe Kit 44
Wireframe Kit 45
Wireframe Kit 46

Mit den Scribble-Templates erste Ideen schnell skizzieren.

Mit den vorgefertigten Layoutelementen eigene Wireframes erstellen.

Und mit wenigen Klicks in fertige Designentwürfe umwandeln.

Wireframe Kit 47

Vielseitige und einfach einsetzbare Vorlagen, mit denen du deine Design-Ideen schnell umsetzen und visualisieren kannst –
digital und analog.

Mit dem Wireframe- & Scribble-Kit optimierst du deinen Projektablauf und kommst zu besseren Ergebnissen.

Wireframe Kit 43

Hole Dir jetzt dein persönliches Wireframe- & Scribble-Kit
für nur € 67,–

zzgl. MwSt.

Was alles für Dich drin ist:

Wireframe-Layoutelemente

Setze von nun an ganz einfach Wireframes und Designs um!
Eine große Auswahl an vorgefertigen Layoutelementen wartet auf dich, die sich flexibel anordnen lassen.
Sie sind nach verschiedenen Kategorien sortiert, so dass du immer einen guten Überblick hast.

15 +

Layout-Kategorien

100 +

 Layouts

1

1.170 px-Raster

3

Dateiformate
Wireframe Kit 49
Layoutkategorien sind u. a.:

Header, Hero, Features, Content, Slider, Galerie, Team, Testimonial, News, Portfolio, E-Commerce, FAQ, Formulare, Kontakt, Footer

Wireframe Kit 50

Die Merkmale der Wireframe-Elemente:

Wireframe-Kit Grid-Raster

Einheitliches Raster als Basis
(1.170 Pixel Breite)

Wireframe-Kit Farb- und Zeichenformate

Einsatz von Farb- und Zeichenformaten zum einfachen anpassen.

Wireframe-Kit Ordner- und Ebenenstruktur

Alle Dateien mit klarer Kategorien-, Ordner- und Ebenenstruktur.

Was alles für Dich drin ist:

Scribble-Templates​

Die Scribble-Vorlagen helfen dir deine Layout-Ideen unmittelbar schriftlich festzuhalten. 
Bevor du direkt in irgendwelchen Programmen startest, kann du so viel schneller erste Ansätze skizzieren, austesten und diskutieren. Denn manchmal ist analog doch noch schneller als digital…

17 Vorlagen

auf 15 Seiten in einer PDF-Datei

3 Größen

 Desktop, Tablet, Smartphone

3 Layoutarten

Blank, gepunktet und gestrichelt
Wireframe Kit 51

So unterstützt das Kit deinen Workflow:

In 4 Schritten von der Idee zum Screendesign

Wireframe Kit 52

01

Skizziere erste Ideen

Mit den verschiedenen Scribble-Vorlagen hast du genug Auswahl und kannst auch responsive Layoutansätze testen:
Desktop-, Tablet- oder Smartphone-Größe.
 
Mit Stift lassen sich erste Ideen schneller umsetzen.
Und mit den 17 Scribble-Vorlagen hast du genügend Spielraum.
Wireframe Kit 53

02

Wähle passende Layoutelemente

Setze deine Scribbles in digitale Wireframes um: Über 100 beliebte und moderne Layoutelemente bieten dir ausreichend Auswahl.

Flexibel und einfach kannst du diese kombinieren und zusammenfügen.

So lassen sich innerhalb von wenigen Minuten ansprechende Website-Strukturen erstellen, die als digitale Wireframes vorliegen.

Zum testen, diskutieren und dem Kunden präsentieren.

Wireframe Kit 54

03

Füge deine Inhalte ein

Die Wireframe-Elemente liegen in den drei wichtigsten Layoutprogrammen vor: Sketch, Adobe XD und Adobe Photoshop. Mit wenigen Klicks erstellt du somit nicht nur Wireframes, sondern kannst auch deine (Kunden-)Inhalte problemlos einfügen.

Also präsentiere nicht nur erste Wireframes, sondern teste auch gleich, ob die Inhalte dazu passen.

Wireframe Kit 55

04

Gestalte sie mit Deinem Design

Die Wireframes lassen sich wunderbar als Gestaltungsbasis einsetzen und so moderne Websites, Landing Pages und User Interfaces erstellen.

Du kannst nämlich nicht nur deine individuellen Inhalte einfügen, sondern auch alle Layoutelemente mit wenigen Klicks an dein Design anpassen.

Oder auch die Wireframes als Basis nehmen, um direkt in ihnen zu gestalten. So werden schnell aus simplen Wireframes fertige Designs.

Das klare Gestaltungsschema und die beliebten Layoutelemente helfen dir dabei, ein modernes und einheitliches Design zu entwerfen.

Das Wireframe-Kit ist also ein Designsystem, das dich von den ersten analogen Skizzen bis zum fertigen Design unterstützt.

Wireframe Kit 56

Hi, ich heiße Martin Hahn, bin seit über zehn Jahren selbständig als Webdesigner. Dazu arbeite ich als Dozent, habe ein Webdesign-Fachbuch und mehrere Online-Kurse geschrieben.

Du hast Fragen zum Wireframe Kit? Dann schreibe mir doch einfach:  martin@webdesign-journal.de

„Aus der Praxis für die Praxis!“

Die Wireframe- und Scribble-Dateien nutze ich selber für meine eigenen Webdesign-Projekte. Irgendwann kam mit der Gedanke diese auch dir zur Verfügung zu stellen. Denn was mir bei meiner Arbeit hilft, wird auch dir helfen können 😉

Und so habe ich die Dateien verfeinert und in weiteren Layoutprogrammen erstellt.

Das Wireframe Kit ist also aus der Praxis für die Praxis.

Das Webdesign Journal ist bekannt aus:

Wireframe Kit 57

Vereinfache deinen
Webdesign-Workflow
noch heute!

Wireframe Kit 47

Mögliche Zahlungsarten

Wireframe Kit 59
nur

67,– €

zzgl. MwSt.

Und das bekommst du alles:

Wireframe Kit:

Scribble Kit:

Wireframe Kit 43
Wireframe Kit 61

In den letzten Jahren kauften
über 500 Webdesign Journal-Leser ein Kit.
Sei auch du dabei!

Oder hole dir gleich alle 3 Kits zusammen:

Häufig gestellte Fragen:

Für wen ist das Wireframe Kit?

Für im weitesten Sinne alle Webdesigner / Webworker. Dazu gehören auch Konzeptioner, Screendesigner, UI-Designer, UX-Designer, Developer, Frontend-Entwickler, Online-Marketer, Marketing-Verantwortliche, Projektmanager usw.

Es ist eigentlich für alle, die zum Prozess der Webseitenentwicklung entscheidend beitragen.

Daher eignet sich das Kit gleichermaßen für Selbständige und Freiberufler, wie für Angestellte .

Sind die Dateien gebrandet?

Ein klares „Nein“!
In keiner Datei steht „Webdesign Journal“ oder sonst ein Markenname. Das bedeutet, daß Du die Dateien gut für Dein Business/Unternehmen einsetzen kannst, ohne dass der Kunde (oder Mitarbeiter/Kollegen) sehen kann, woher diese kommen.

Bei Bedarf kannst Du daher auch Dein eigenes Logo oder Namen einfügen (entsprechende Grafikprogramme vorausgesetzt) und die Dateien somit selber „markieren“.

Gibt es eine Benutzungseinschränkung?

Du kannst alle Dateien frei und beliebig oft (für beliebig viele Projekte) einsetzen.

Was Du nicht darfst: Die Dateien weiterverkaufen oder verschenken.

DU kaufst die Dateien, also darfst DU diese nutzen! Möchte sie jemand anderes nutzen, so möchte er das Kit bitte auch kaufen!

In welchen Formaten liegen die Dateien vor?

Die Wireframes sind in drei Programmen erstellt: Sketch, Adobe XD und Adobe Photoshop. Du kannst sie also problemlos in deinen Lieblingslayoutprogramm einsetzen.

Die Scribble-Vorlagen kommen als PDF-Datei zu dir, da diese zum unkomplizierten Ausdrucken gedacht sind.

Gibt es ein Rückgaberecht?

Naja, digitale Dateien zurückgeben… Merkst Du selber, oder!?

Ok, es gibt ein gesetzlich vorgegebenes 14tägiges Widerrufsrecht.
Mein Tip aber: Überlege es Dir einfach gut, ob das Kit Dich und Dein Business weiterbringt, bzw. Dir bei Deiner Arbeit helfen könnte.

€ 67,- ist ja auch keine Unsumme – vor allem im Vergleich, was Du dadurch an Arbeit sparst. Bist Du Dir unsicher, dann frage mich einfach vorher:
martin@webdesign-journal.de

Wireframe Kit 47

Hole Dir Dein persönliches Wireframe-Kit
für nur € 67,–

zzgl. MwSt.

Du hast eine Frage, ein Problem oder dir fehlen
noch Informationen zum Wireframe Kit?

Kein Problem, ich bin Martin und für dich da.
Melde dich gerne bei mir und schreibe mir
eine Mail an martin@webdesign-journal.de.

Bewertungsergebnis: 4.9 / 5. | Anzahl der Bewertungen: 68

Nach oben scrollen