{"id":5524,"date":"2022-07-28T10:00:10","date_gmt":"2022-07-28T09:00:10","guid":{"rendered":"https:\/\/www.jimdo.com/de/magazin\/?p=5524"},"modified":"2022-08-23T22:53:11","modified_gmt":"2022-08-23T21:53:11","slug":"wireframes-die-blaupause-fuer-eure-website","status":"publish","type":"post","link":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/","title":{"rendered":"Wireframes: Die Blaupause f\u00fcr eure Website"},"content":{"rendered":"\n<p>Wireframes sind das Grundger\u00fcst einer Website. Daher stammt auch der Name, denn Wireframe bedeutet auf Deutsch so viel wie Rahmen oder Ger\u00fcst aus Draht. Mit diesem Werkzeug verschafft ihr euch einen ersten Eindruck davon, wie eure fertige Website aussehen k\u00f6nnte.<\/p>\n\n\n\n<p>Wireframes funktionieren dabei wie eine grobe Skizze, die Aufbau, Inhalt und Funktionsweise der geplanten Seite visuell darstellt.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-flat ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/#Wie_funktionieren_Wireframes_im_Webdesign_und_bei_Projekten\" >Wie funktionieren Wireframes im Webdesign und bei Projekten?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/#Warum_Wireframes_fuer_Selbststaendige_und_kleine_Unternehmen_nuetzlich_sind\" >Warum Wireframes f\u00fcr Selbstst\u00e4ndige und kleine Unternehmen n\u00fctzlich sind<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/#Schritt_fuer_Schritt-Anleitung_So_erstellt_ihr_Wireframes_fuer_eure_Website\" >Schritt f\u00fcr Schritt-Anleitung: So erstellt ihr Wireframes f\u00fcr eure Website<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/#Die_besten_Tools_fuer_Wireframes\" >Die besten Tools f\u00fcr Wireframes<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/#Fazit_Wireframes_fuer_eure_Website_erstellen_%E2%80%93_ja_oder_nein\" >Fazit: Wireframes f\u00fcr eure Website erstellen \u2013 ja oder nein?<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Wie_funktionieren_Wireframes_im_Webdesign_und_bei_Projekten\"><\/span>Wie funktionieren Wireframes im Webdesign und bei Projekten?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Im professionellen Webdesign und bei der Entwicklung von Apps oder Software sind Wireframes ein beliebtes Werkzeug. F\u00fcr Designer*innen und Programmierer*innen bieten sie eine gute M\u00f6glichkeit, die W\u00fcnsche ihrer Kund*innen besser zu verstehen: Was soll die Seite oder die App k\u00f6nnen? Was wollen wir mit der Seite erreichen? Welche Elemente sind daf\u00fcr n\u00f6tig? Wo sollten welche Inhalte auf der Website platziert werden?<\/p>\n\n\n\n<p>Bevor viel Zeit in komplexe Entw\u00fcrfe oder Designs flie\u00dft, k\u00f6nnen mit Wireframes auf simple Art und Weise Ideen und \u00c4nderungsw\u00fcnsche f\u00fcr die Website ausgetauscht werden. Dadurch erhalten alle Beteiligten einen \u00dcberblick \u00fcber m\u00f6gliche Inhalte und wie diese auf der Seite angeordnet werden k\u00f6nnen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-What_Are_Wireframes-01.jpg?resize=1024%2C455&#038;ssl=1\" alt=\"\" class=\"wp-image-5591\" srcset=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-What_Are_Wireframes-01-scaled.jpg?resize=1024%2C455&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-What_Are_Wireframes-01-scaled.jpg?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-What_Are_Wireframes-01-scaled.jpg?resize=1536%2C683&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-What_Are_Wireframes-01-scaled.jpg?w=2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-What_Are_Wireframes-01-scaled.jpg?resize=714%2C318&amp;ssl=1 714w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-What_Are_Wireframes-01-scaled.jpg?resize=682%2C303&amp;ssl=1 682w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Wireframe-Beispiel<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Warum_Wireframes_fuer_Selbststaendige_und_kleine_Unternehmen_nuetzlich_sind\"><\/span>Warum Wireframes f\u00fcr Selbstst\u00e4ndige und kleine Unternehmen n\u00fctzlich sind<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Als Selbstst\u00e4ndige jongliert ihr mit vielen Themen gleichzeitig \u2013 insbesondere zu Beginn eurer Selbstst\u00e4ndigkeit oder wenn der Start eines neuen Projekts bevorsteht. Eine professionelle Website geh\u00f6rt dabei selbstverst\u00e4ndlich zur Grundausstattung eures Unternehmens dazu.<\/p>\n\n\n\n<p>Neben einer ansprechenden Optik und tollen Texten und Bildern sind f\u00fcr eine erfolgreiche Website weitere Faktoren sehr wichtig. Hier kann euch ein Wireframe helfen, diese Inhalte und Elemente f\u00fcr eure neue Website zu bestimmen.<\/p>\n\n\n\n<p>Dazu geh\u00f6rt zum Beispiel eine gute Navigation: Sind alle wichtigen Infos mit wenigen Klicks erreichbar? Mehr dazu findet ihr in unserem Artikel \u201c<a href=\"https:\/\/www.jimdo.com/de/magazin\/5-tipps-perfekte-navigation-website\/\">F\u00fcnf Tipps f\u00fcr eine perfekte Navigation auf eurer Website<\/a>\u201d.<\/p>\n\n\n\n<p>Es lohnt sich also, wenn ihr vorab ein paar Fragen stellt: Sammelt zun\u00e4chst alle Ideen, die euch f\u00fcr den Aufbau und die Struktur eurer Website relevant erscheinen. Wir haben im Folgenden ein paar m\u00f6gliche \u00dcberlegungen zusammengestellt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fragenkatalog f\u00fcr den Bau der perfekten Website<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Welche Elemente wollt ihr auf eurer Seite verwenden? (H1, Call to Action-Button und Hero-Area \u2013 eine Liste der wichtigsten Website-Elemente plus die dazugeh\u00f6rigen Fachbegriffe findet ihr in unserem Artikel Internet-Glossar: Die wichtigsten Website-Begriffe und -Abk\u00fcrzungen)<\/li><li>Wo wollt ihr Elemente wie Logo, Bilder, \u00dcberschriften oder Textbl\u00f6cke platzieren?<\/li><li>Welche Elemente sollen vielleicht besonders hervorgehoben werden?<\/li><li>Wie finden sich Besucher*innen auf eurer Website zurecht?<\/li><\/ul>\n\n\n\n<p>All diesen Fragen geht ihr mit Wireframes auf den Grund. Denn zusammen mit einem guten Website-Konzept k\u00f6nnen sie euch ein klareres Bild vom Aufbau eurer Seite verschaffen. Wie ihr ein Konzept erstellt? Alles Wissenswerte dazu k\u00f6nnt ihr im Beitrag \u201e<a href=\"https:\/\/www.jimdo.com/de/magazin\/website-konzept-erstellen-siteplan\/\">In vier Schritten zum Website-Konzept<\/a>\u201c nachlesen.<\/p>\n\n\n\n<p>Zun\u00e4chst legt ihr also die Positionen aller Inhalte in eurem Wireframe fest. Dieser Entwurf dient euch als Ausgangspunkt, um euer Design \u2013 also Farben, Formen und Schriftarten usw. \u2013 zu planen. Wenn ihr dann sp\u00e4ter mit der tats\u00e4chlichen Gestaltung eurer Seite beginnt, k\u00f6nnt ihr euren Fortschritt mit dem Konzept und euren Wireframes abgleichen. Damit spart ihr Zeit und stellt gleichzeitig sicher, dass alle wichtigen Informationen auch an der richtigen Stelle auf der Website landen. Schritt f\u00fcr Schritt entsteht so die perfekte Seite.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"910\" data-id=\"5593\" src=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Contact_Call_Email-01-scaled.jpg?resize=2048%2C910&#038;ssl=1\" alt=\"Wireframe: Kontakt, Anruf, Email\" class=\"wp-image-5593\" srcset=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Contact_Call_Email-01-scaled.jpg?w=2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Contact_Call_Email-01-scaled.jpg?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Contact_Call_Email-01-scaled.jpg?resize=1024%2C455&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Contact_Call_Email-01-scaled.jpg?resize=1536%2C683&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Contact_Call_Email-01-scaled.jpg?resize=714%2C318&amp;ssl=1 714w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Contact_Call_Email-01-scaled.jpg?resize=682%2C303&amp;ssl=1 682w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Wireframe: Kontakt, Anruf, Email<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"910\" data-id=\"5592\" src=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Download-01-scaled.jpg?resize=2048%2C910&#038;ssl=1\" alt=\"Wireframe: Download-Bereich\" class=\"wp-image-5592\" srcset=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Download-01-scaled.jpg?w=2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Download-01-scaled.jpg?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Download-01-scaled.jpg?resize=1024%2C455&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Download-01-scaled.jpg?resize=1536%2C683&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Download-01-scaled.jpg?resize=714%2C318&amp;ssl=1 714w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Download-01-scaled.jpg?resize=682%2C303&amp;ssl=1 682w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Wireframe: Download-Bereich<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"910\" data-id=\"5590\" src=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Product_Sale-01-scaled.jpg?resize=2048%2C910&#038;ssl=1\" alt=\"Wireframe: Produkt-Sale\" class=\"wp-image-5590\" srcset=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Product_Sale-01-scaled.jpg?w=2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Product_Sale-01-scaled.jpg?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Product_Sale-01-scaled.jpg?resize=1024%2C455&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Product_Sale-01-scaled.jpg?resize=1536%2C683&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Product_Sale-01-scaled.jpg?resize=714%2C318&amp;ssl=1 714w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Product_Sale-01-scaled.jpg?resize=682%2C303&amp;ssl=1 682w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Wireframe: Produkt-Sale<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"910\" data-id=\"5588\" src=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Newsletter_Registration-01-scaled.jpg?resize=2048%2C910&#038;ssl=1\" alt=\"Wireframe: Newsletter-Anmeldung\" class=\"wp-image-5588\" srcset=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Newsletter_Registration-01-scaled.jpg?w=2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Newsletter_Registration-01-scaled.jpg?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Newsletter_Registration-01-scaled.jpg?resize=1024%2C455&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Newsletter_Registration-01-scaled.jpg?resize=1536%2C683&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Newsletter_Registration-01-scaled.jpg?resize=714%2C318&amp;ssl=1 714w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Examples-Newsletter_Registration-01-scaled.jpg?resize=682%2C303&amp;ssl=1 682w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Wireframe: Newsletter-Anmeldung<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"910\" data-id=\"5587\" src=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Table-01-scaled.jpg?resize=2048%2C910&#038;ssl=1\" alt=\"Wireframe: Tabelle\" class=\"wp-image-5587\" srcset=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Table-01-scaled.jpg?w=2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Table-01-scaled.jpg?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Table-01-scaled.jpg?resize=1024%2C455&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Table-01-scaled.jpg?resize=1536%2C683&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Table-01-scaled.jpg?resize=714%2C318&amp;ssl=1 714w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Table-01-scaled.jpg?resize=682%2C303&amp;ssl=1 682w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Wireframe: Tabelle<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Schritt_fuer_Schritt-Anleitung_So_erstellt_ihr_Wireframes_fuer_eure_Website\"><\/span>Schritt f\u00fcr Schritt-Anleitung: So erstellt ihr Wireframes f\u00fcr eure Website<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Wireframes k\u00f6nnen euch also den Aufbau einer neuen Website leichter machen. Aber wie erstellt ihr sie m\u00f6glichst einfach und unkompliziert?<\/p>\n\n\n\n<p>Stellt euch die neue Website als wei\u00dfes Blatt Papier vor. Dann fangt mit eurem Logo an: Wo w\u00fcrdet ihr es gerne auf der Seite sehen? M\u00f6chtet ihr als Einstieg ein gro\u00dfformatiges Foto oder Video, das oben auf der Seite erscheint? Oder lieber ein kurzes Intro, das euch und euer Vorhaben beschreibt?<\/p>\n\n\n\n<p>Dabei geht es noch gar nicht um ein konkretes Design, Farben oder ausgefeilte Texte, sondern um eine erste grobe Anordnung aller Elemente. Ihr k\u00f6nnt tats\u00e4chlich mit einer Skizze auf Papier beginnen oder ihr greift zu Post-its, auf denen ihr die einzelnen Elemente notiert. Diese k\u00f6nnt ihr dann nach Belieben hin- und herbewegen. Probiert am besten verschiedene M\u00f6glichkeiten aus.<\/p>\n\n\n\n<p>Wenn ihr einen stimmigen Aufbau gefunden habt, k\u00f6nnt ihr noch einen Schritt weitergehen: Webdesign-Profis raten dazu, die unterschiedlichen Seitenelemente in verschiedenen Graustufen einzuf\u00e4rben. Der Hintergrund bleibt wei\u00df oder sehr hell. Einen Button mit der Aufschrift \u201eJetzt Kontakt aufnehmen\u201c k\u00f6nnt ihr z. B. sehr dunkel einf\u00e4rben. Ebenso eine Aufstellung eurer Produkte und Leistungen oder andere wichtige Textbl\u00f6cke. Als Faustregel gilt: Je dunkler das Grau, desto wichtiger ist der Bereich.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Die_besten_Tools_fuer_Wireframes\"><\/span>Die besten Tools f\u00fcr Wireframes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Theoretisch reichen f\u00fcr die Erstellung von Wireframes also Block und Bleistift. Aber nat\u00fcrlich gibt es heutzutage auch das passende Tool \u2013 oder vielmehr eine ganze Schar von Anwendungen, mit denen ihr euer eigenes Grundger\u00fcst f\u00fcr eine Website erstellen k\u00f6nnt.<\/p>\n\n\n\n<p>Einige davon sind kostenlos und erfordern kein gro\u00dfes Vorwissen, andere sind eher f\u00fcr Profis geeignet. Allerdings sind komplexere Tools oft kostenpflichtig. Das gilt vor allem auch, wenn ihr alle Funktionen nutzen m\u00f6chtet.<\/p>\n\n\n\n<p>Wir haben f\u00fcr euch drei unterschiedliche Tools f\u00fcr Wireframes unter die Lupe genommen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Miro \u2013 unendliche M\u00f6glichkeiten<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-02-1.jpg?resize=1024%2C455&#038;ssl=1\" alt=\"\" class=\"wp-image-5596\" srcset=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-02-1-scaled.jpg?resize=1024%2C455&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-02-1-scaled.jpg?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-02-1-scaled.jpg?resize=1536%2C683&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-02-1-scaled.jpg?w=2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-02-1-scaled.jpg?resize=714%2C318&amp;ssl=1 714w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-02-1-scaled.jpg?resize=682%2C303&amp;ssl=1 682w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Miro Wireframe-Tool<\/figcaption><\/figure>\n\n\n\n<p>Miro ist ein Online Whiteboard \u2013 also so etwas wie eine virtuelle Tafel f\u00fcr eure Projekte. Hier k\u00f6nnt ihr eurer Kreativit\u00e4t freien Lauf lassen. ihr k\u00f6nnt mit Miro auch per Mindmap Tool an eurem Website-Konzept feilen. Fazit: Gro\u00dfe Auswahl an Vorlagen, einfache Handhabung und das alles kostenlos in der Free-Version.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Axure RP \u2013 das Profi-Tool<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-03-1.jpg?resize=1024%2C455&#038;ssl=1\" alt=\"\" class=\"wp-image-5598\" srcset=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-03-1-scaled.jpg?resize=1024%2C455&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-03-1-scaled.jpg?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-03-1-scaled.jpg?resize=1536%2C683&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-03-1-scaled.jpg?w=2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-03-1-scaled.jpg?resize=714%2C318&amp;ssl=1 714w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-03-1-scaled.jpg?resize=682%2C303&amp;ssl=1 682w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Axure Wireframe-Tool<\/figcaption><\/figure>\n\n\n\n<p>Dieses Webdesign Tool gibt es bereits seit einigen Jahren und es werden st\u00e4ndig neue Funktionen entwickelt. Kein Wunder, dass Axure mit einer gigantischen Ausstattung daherkommt! Das kann gerade zu Beginn auch f\u00fcr \u00dcberforderung sorgen. Fazit: Eher ein Profi-Tool, das aber mit Umfang und Erfahrung punktet. Kosten: 25 Dollar in der Pro-Version, 30-t\u00e4gige kostenlose Testphase.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wireframe.cc \u2013 f\u00fcr Minimalist*innen<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-01-3.jpg?resize=1024%2C455&#038;ssl=1\" alt=\"\" class=\"wp-image-5599\" srcset=\"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-01-3-scaled.jpg?resize=1024%2C455&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-01-3-scaled.jpg?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-01-3-scaled.jpg?resize=1536%2C683&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-01-3-scaled.jpg?w=2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-01-3-scaled.jpg?resize=714%2C318&amp;ssl=1 714w, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Blog-Wireframes-Screenshot-01-3-scaled.jpg?resize=682%2C303&amp;ssl=1 682w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Wireframe.cc Tool<\/figcaption><\/figure>\n\n\n\n<p>Reduziert und ohne Schnickschnack: So pr\u00e4sentiert sich Wireframe.cc. Die rein web-basierte L\u00f6sung f\u00fcr die Erstellung von Wireframes ist einfach zu bedienen, bietet aber weniger Funktionen als andere, umfangreichere Tools. Fazit: Wenn ihr klare, aufger\u00e4umte Wireframes mit wenig Zeitaufwand erstellen wollt, k\u00f6nnte dieses Tool genau das richtige sein. Die Basisversion ist kostenlos.<\/p>\n\n\n\n<p>Weitere hilfreiche Tools f\u00fcr die Konzeptionsphase:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Balsamiq (30-Tage kostenlose Demoversion, danach ca. 8 Euro im Monat)&nbsp;<\/li><li>Adobe XD (Kostenlose 7-Tage-Testversion, danach 11,89 Euro monatlich)<\/li><li>OmniGraffle (Nur f\u00fcr Mac, 14 Tage ohne Geb\u00fchr, danach ca. 46 Euro pro Lizenz),<\/li><li>Sketch (Kostenlose 30-Tage-Testversion, im Anschluss etwa 8 Euro monatlich)<\/li><li>Lucidchart (auch als kostenlose Version erh\u00e4ltlich)&nbsp;<\/li><li>Figma (als kostenfreie Starter-Version erh\u00e4ltlich)<\/li><li>InVision Freehand (Free-Version mit Einschr\u00e4nkungen, Pro-Version f\u00fcr ca. 4 Euro\/Monat)&nbsp;&nbsp;<\/li><li>Mockingbird (kostenlose Text-Version, danach ca. 8 Euro pro Monat)<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Fazit_Wireframes_fuer_eure_Website_erstellen_%E2%80%93_ja_oder_nein\"><\/span>Fazit: Wireframes f\u00fcr eure Website erstellen \u2013 ja oder nein?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Wichtig ist: Nicht jedes Web-Projekt braucht unbedingt Wireframes. Vielleicht geht ihr lieber intuitiv an die Gestaltung eurer Seite heran \u2013 dabei kann euch <a href=\"https:\/\/www.jimdo.com\/de\/website\/baukasten\/\">ein Baukastensystem<\/a> ganz komfortabel eine ganze Menge Arbeit abnehmen.<\/p>\n\n\n\n<p>Dennoch sind Wireframes unter Umst\u00e4nden ein n\u00fctzliches Extra auf dem Weg zur perfekten Seite. Denn je intensiver ihr euch im Vorfeld mit eurer Website befasst, desto schneller gelingt euch die finale Umsetzung. Und umso fixer k\u00f6nnt ihr eure Besucher*innen von eurem Projekt \u00fcberzeugen!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wireframes sind das Grundger\u00fcst einer Website. Daher stammt auch der Name, denn Wireframe bedeutet auf Deutsch so viel wie Rahmen oder Ger\u00fcst aus Draht. Mit diesem Werkzeug verschafft ihr euch einen ersten Eindruck davon, wie eure fertige Website aussehen k\u00f6nnte. Wireframes funktionieren dabei wie eine grobe Skizze, die Aufbau, Inhalt und Funktionsweise der geplanten Seite [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":5525,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[47],"tags":[32],"class_list":["post-5524","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webseiten-tipps","tag-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Wireframes: so nutzt ihr sie f\u00fcr eure Website | Jimdo<\/title>\n<meta name=\"description\" content=\"Wireframes f\u00fcr Websites erstellen: Was das bedeutet \u2714 Wann es sinnvoll ist \u2714 Wie das in der Praxis funktioniert \u2714 Jetzt mehr erfahren!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wireframes: so nutzt ihr sie f\u00fcr eure Website | Jimdo\" \/>\n<meta property=\"og:description\" content=\"Wireframes f\u00fcr Websites erstellen: Was das bedeutet \u2714 Wann es sinnvoll ist \u2714 Wie das in der Praxis funktioniert \u2714 Jetzt mehr erfahren!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Das Jimdo-Magazin f\u00fcr Unternehmer\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Jimdo.de\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-28T09:00:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-23T21:53:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/07\/Wireframes-cover-image-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1290\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jimdo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@jimdo_de\" \/>\n<meta name=\"twitter:site\" content=\"@jimdo_de\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jimdo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"9\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wireframes-die-blaupause-fuer-eure-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wireframes-die-blaupause-fuer-eure-website\\\/\"},\"author\":{\"name\":\"Jimdo\",\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/#\\\/schema\\\/person\\\/4dabebc7d5d6477941607006cb2fd592\"},\"headline\":\"Wireframes: Die Blaupause f\u00fcr eure Website\",\"datePublished\":\"2022-07-28T09:00:10+00:00\",\"dateModified\":\"2022-08-23T21:53:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wireframes-die-blaupause-fuer-eure-website\\\/\"},\"wordCount\":1250,\"publisher\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wireframes-die-blaupause-fuer-eure-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/de/magazin\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Wireframes-cover-image-scaled.jpg?fit=2048%2C1290&ssl=1\",\"keywords\":[\"Design-Tipps\"],\"articleSection\":[\"Website-Tipps\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wireframes-die-blaupause-fuer-eure-website\\\/\",\"url\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wireframes-die-blaupause-fuer-eure-website\\\/\",\"name\":\"Wireframes: so nutzt ihr sie f\u00fcr eure Website | Jimdo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wireframes-die-blaupause-fuer-eure-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wireframes-die-blaupause-fuer-eure-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/de/magazin\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Wireframes-cover-image-scaled.jpg?fit=2048%2C1290&ssl=1\",\"datePublished\":\"2022-07-28T09:00:10+00:00\",\"dateModified\":\"2022-08-23T21:53:11+00:00\",\"description\":\"Wireframes f\u00fcr Websites erstellen: Was das bedeutet \u2714 Wann es sinnvoll ist \u2714 Wie das in der Praxis funktioniert \u2714 Jetzt mehr erfahren!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wireframes-die-blaupause-fuer-eure-website\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wireframes-die-blaupause-fuer-eure-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wireframes-die-blaupause-fuer-eure-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/de/magazin\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Wireframes-cover-image-scaled.jpg?fit=2048%2C1290&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.jimdo.com/de/magazin\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Wireframes-cover-image-scaled.jpg?fit=2048%2C1290&ssl=1\",\"width\":2048,\"height\":1290,\"caption\":\"Was sind Wireframes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wireframes-die-blaupause-fuer-eure-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wireframes: Die Blaupause f\u00fcr eure Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/#website\",\"url\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/\",\"name\":\"Das Jimdo-Magazin f\u00fcr Unternehmer\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/#organization\",\"name\":\"Jimdo GmbH\",\"url\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/JimdoLogo-2019-main-petrol-transparent.png\",\"contentUrl\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/JimdoLogo-2019-main-petrol-transparent.png\",\"width\":2048,\"height\":844,\"caption\":\"Jimdo GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Jimdo.de\",\"https:\\\/\\\/x.com\\\/jimdo_de\",\"https:\\\/\\\/www.instagram.com\\\/jimdo_official\\\/\",\"https:\\\/\\\/www.youtube.com\\\/jimdode\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/#\\\/schema\\\/person\\\/4dabebc7d5d6477941607006cb2fd592\",\"name\":\"Jimdo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=identicon&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=identicon&r=g\",\"caption\":\"Jimdo\"},\"description\":\"Der Blog f\u00fcr Selbstst\u00e4ndige und kleine Unternehmen rund um Selbstst\u00e4ndigkeit, Marketing und die besten Website-Tipps zu Design, Onlineshop, SEO und Co.\",\"url\":\"https:\\\/\\\/www.jimdo.com/de/magazin\\\/author\\\/jimdomagazine\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wireframes: so nutzt ihr sie f\u00fcr eure Website | Jimdo","description":"Wireframes f\u00fcr Websites erstellen: Was das bedeutet \u2714 Wann es sinnvoll ist \u2714 Wie das in der Praxis funktioniert \u2714 Jetzt mehr erfahren!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/","og_locale":"de_DE","og_type":"article","og_title":"Wireframes: so nutzt ihr sie f\u00fcr eure Website | Jimdo","og_description":"Wireframes f\u00fcr Websites erstellen: Was das bedeutet \u2714 Wann es sinnvoll ist \u2714 Wie das in der Praxis funktioniert \u2714 Jetzt mehr erfahren!","og_url":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/","og_site_name":"Das Jimdo-Magazin f\u00fcr Unternehmer","article_publisher":"https:\/\/www.facebook.com\/Jimdo.de","article_published_time":"2022-07-28T09:00:10+00:00","article_modified_time":"2022-08-23T21:53:11+00:00","og_image":[{"width":2048,"height":1290,"url":"https:\/\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/07\/Wireframes-cover-image-scaled.jpg","type":"image\/jpeg"}],"author":"Jimdo","twitter_card":"summary_large_image","twitter_creator":"@jimdo_de","twitter_site":"@jimdo_de","twitter_misc":{"Verfasst von":"Jimdo","Gesch\u00e4tzte Lesezeit":"9\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/#article","isPartOf":{"@id":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/"},"author":{"name":"Jimdo","@id":"https:\/\/www.jimdo.com/de/magazin\/#\/schema\/person\/4dabebc7d5d6477941607006cb2fd592"},"headline":"Wireframes: Die Blaupause f\u00fcr eure Website","datePublished":"2022-07-28T09:00:10+00:00","dateModified":"2022-08-23T21:53:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/"},"wordCount":1250,"publisher":{"@id":"https:\/\/www.jimdo.com/de/magazin\/#organization"},"image":{"@id":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/07\/Wireframes-cover-image-scaled.jpg?fit=2048%2C1290&ssl=1","keywords":["Design-Tipps"],"articleSection":["Website-Tipps"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/","url":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/","name":"Wireframes: so nutzt ihr sie f\u00fcr eure Website | Jimdo","isPartOf":{"@id":"https:\/\/www.jimdo.com/de/magazin\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/#primaryimage"},"image":{"@id":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/07\/Wireframes-cover-image-scaled.jpg?fit=2048%2C1290&ssl=1","datePublished":"2022-07-28T09:00:10+00:00","dateModified":"2022-08-23T21:53:11+00:00","description":"Wireframes f\u00fcr Websites erstellen: Was das bedeutet \u2714 Wann es sinnvoll ist \u2714 Wie das in der Praxis funktioniert \u2714 Jetzt mehr erfahren!","breadcrumb":{"@id":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/#primaryimage","url":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/07\/Wireframes-cover-image-scaled.jpg?fit=2048%2C1290&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/07\/Wireframes-cover-image-scaled.jpg?fit=2048%2C1290&ssl=1","width":2048,"height":1290,"caption":"Was sind Wireframes"},{"@type":"BreadcrumbList","@id":"https:\/\/www.jimdo.com/de/magazin\/wireframes-die-blaupause-fuer-eure-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.jimdo.com/de/magazin\/"},{"@type":"ListItem","position":2,"name":"Wireframes: Die Blaupause f\u00fcr eure Website"}]},{"@type":"WebSite","@id":"https:\/\/www.jimdo.com/de/magazin\/#website","url":"https:\/\/www.jimdo.com/de/magazin\/","name":"Das Jimdo-Magazin f\u00fcr Unternehmer","description":"","publisher":{"@id":"https:\/\/www.jimdo.com/de/magazin\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jimdo.com/de/magazin\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.jimdo.com/de/magazin\/#organization","name":"Jimdo GmbH","url":"https:\/\/www.jimdo.com/de/magazin\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.jimdo.com/de/magazin\/#\/schema\/logo\/image\/","url":"https:\/\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2020\/03\/JimdoLogo-2019-main-petrol-transparent.png","contentUrl":"https:\/\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2020\/03\/JimdoLogo-2019-main-petrol-transparent.png","width":2048,"height":844,"caption":"Jimdo GmbH"},"image":{"@id":"https:\/\/www.jimdo.com/de/magazin\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Jimdo.de","https:\/\/x.com\/jimdo_de","https:\/\/www.instagram.com\/jimdo_official\/","https:\/\/www.youtube.com\/jimdode"]},{"@type":"Person","@id":"https:\/\/www.jimdo.com/de/magazin\/#\/schema\/person\/4dabebc7d5d6477941607006cb2fd592","name":"Jimdo","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2506bfab94e877841212e235c7148d443cd1a56b3ca7e617bd0bc48887dc682f?s=96&d=identicon&r=g","caption":"Jimdo"},"description":"Der Blog f\u00fcr Selbstst\u00e4ndige und kleine Unternehmen rund um Selbstst\u00e4ndigkeit, Marketing und die besten Website-Tipps zu Design, Onlineshop, SEO und Co.","url":"https:\/\/www.jimdo.com/de/magazin\/author\/jimdomagazine\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/07\/Wireframes-cover-image-scaled.jpg?fit=2048%2C1290&ssl=1","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":6085,"url":"https:\/\/www.jimdo.com/de/magazin\/responsive-webdesign\/","url_meta":{"origin":5524,"position":0},"title":"Responsive Design: Definition, Vorteile und Funktionsweise","author":"Elio Rivero","date":"31. Oktober 2024","format":false,"excerpt":"Damit eure Website auf mobilen Ger\u00e4ten richtig dargestellt wird, braucht es Responsive Webdesign. Wir erkl\u00e4ren euch die Funktionsweise und Vorteile.","rel":"","context":"In &quot;Website-Tipps&quot;","block_context":{"text":"Website-Tipps","link":"https:\/\/www.jimdo.com/de/magazin\/webseiten-tipps\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/01\/Blog-Visuals-1.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/01\/Blog-Visuals-1.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/01\/Blog-Visuals-1.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/01\/Blog-Visuals-1.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/01\/Blog-Visuals-1.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":6034,"url":"https:\/\/www.jimdo.com/de/magazin\/website-aktualisieren\/","url_meta":{"origin":5524,"position":1},"title":"Eure Website aktualisieren: Was hat das mit Traffic, SEO und UX zu tun?","author":"Lilli Brinkert","date":"30. September 2024","format":false,"excerpt":"Warum ist es so wichtig, eure Website regelm\u00e4\u00dfig zu aktualisieren? Wir zeigen euch, wie ihr eure Seite aktuell haltet und welche Fehler ihr am besten vermeidet.","rel":"","context":"In &quot;Website-Tipps&quot;","block_context":{"text":"Website-Tipps","link":"https:\/\/www.jimdo.com/de/magazin\/webseiten-tipps\/"},"img":{"alt_text":"Local SEO mit Jimdo","src":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2019\/06\/Local-SEO-in-3-Schritten.jpg?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2019\/06\/Local-SEO-in-3-Schritten.jpg?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2019\/06\/Local-SEO-in-3-Schritten.jpg?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2019\/06\/Local-SEO-in-3-Schritten.jpg?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2019\/06\/Local-SEO-in-3-Schritten.jpg?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":2607,"url":"https:\/\/www.jimdo.com/de/magazin\/website-konzept-erstellen-siteplan\/","url_meta":{"origin":5524,"position":2},"title":"Website-Konzept erstellen: 7 Schritte f\u00fcr eine erfolgreiche Website","author":"Lilli Brinkert","date":"18. Februar 2021","format":false,"excerpt":"Vorbereitung ist alles: Wie ihr einen Seitenplan f\u00fcr eure Website entwerft, der euch viel Zeit spart. Jetzt lesen!","rel":"","context":"In &quot;Website-Tipps&quot;","block_context":{"text":"Website-Tipps","link":"https:\/\/www.jimdo.com/de/magazin\/webseiten-tipps\/"},"img":{"alt_text":"Eine Frau sitzt auf einer Couch und zeichnet ein Website-Konzept auf ihrem Block.","src":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2019\/08\/create-a-website-plan.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2019\/08\/create-a-website-plan.jpg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2019\/08\/create-a-website-plan.jpg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2019\/08\/create-a-website-plan.jpg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2019\/08\/create-a-website-plan.jpg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":2181,"url":"https:\/\/www.jimdo.com/de/magazin\/wie-viel-kostet-eine-website-fuer-ein-unternehmen\/","url_meta":{"origin":5524,"position":3},"title":"Was kostet eine Homepage 2025? Das Preis-Leistungs-Verh\u00e4ltnis im Check","author":"Lilli Brinkert","date":"7. Juni 2024","format":false,"excerpt":"Agentur beauftragen oder selber erstellen? Wir zeigen, wie teuer eine Homepage sein sollte \u2013 und erkl\u00e4ren, wie ihr es vermeidet, zu viel zu bezahlen.","rel":"","context":"In &quot;Business-Wissen&quot;","block_context":{"text":"Business-Wissen","link":"https:\/\/www.jimdo.com/de/magazin\/business-wissen\/"},"img":{"alt_text":"Website-Header gestalten","src":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Website-Header.jpeg?fit=1200%2C800&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Website-Header.jpeg?fit=1200%2C800&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Website-Header.jpeg?fit=1200%2C800&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Website-Header.jpeg?fit=1200%2C800&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2022\/08\/Website-Header.jpeg?fit=1200%2C800&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":6484,"url":"https:\/\/www.jimdo.com/de/magazin\/die-20-besten-schriftarten-fuer-websites-im-jahr-2026\/","url_meta":{"origin":5524,"position":4},"title":"Die 20+ besten Schriftarten f\u00fcr Websites im Jahr 2026","author":"Catherine Burmester","date":"16. Februar 2026","format":false,"excerpt":"Die Wahl der richtigen Schriftart ist entscheidend f\u00fcr den Erfolg deiner Website. Eine gute Typografie verbessert die Benutzererfahrung, sorgt f\u00fcr Lesbarkeit auf allen Ger\u00e4ten und pr\u00e4gt die Pers\u00f6nlichkeit deiner Marke. Egal, ob du websichere Klassiker oder moderne Webfonts einsetzt \u2013 die passende Kombination macht deine Inhalte professionell und einzigartig. Schriftarten\u2026","rel":"","context":"In &quot;Inspiration&quot;","block_context":{"text":"Inspiration","link":"https:\/\/www.jimdo.com/de/magazin\/inspiration\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2026\/02\/Aquanesso-Jimdo-website-scaled.png?fit=1200%2C746&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2026\/02\/Aquanesso-Jimdo-website-scaled.png?fit=1200%2C746&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2026\/02\/Aquanesso-Jimdo-website-scaled.png?fit=1200%2C746&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2026\/02\/Aquanesso-Jimdo-website-scaled.png?fit=1200%2C746&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2026\/02\/Aquanesso-Jimdo-website-scaled.png?fit=1200%2C746&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3893,"url":"https:\/\/www.jimdo.com/de/magazin\/die-besten-anbieter-fuer-kostenlose-website-icons\/","url_meta":{"origin":5524,"position":5},"title":"Kostenlose Icons f\u00fcr eure Website: die 6 besten Plattformen","author":"Elio Rivero","date":"15. August 2024","format":false,"excerpt":"Ihr seid auf der Suche nach tollen Icons f\u00fcr eure Website? Wir zeigen euch die 6 besten Plattformen, auf denen ihr garantiert f\u00fcndig werdet!","rel":"","context":"In &quot;Website-Tipps&quot;","block_context":{"text":"Website-Tipps","link":"https:\/\/www.jimdo.com/de/magazin\/webseiten-tipps\/"},"img":{"alt_text":"Die 6 besten Anbieter f\u00fcr kostenlose Website Icons","src":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2020\/12\/Die-6-besten-Anbieter-fur-kostenlose-Website-Icons.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2020\/12\/Die-6-besten-Anbieter-fur-kostenlose-Website-Icons.jpg?fit=1200%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2020\/12\/Die-6-besten-Anbieter-fur-kostenlose-Website-Icons.jpg?fit=1200%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2020\/12\/Die-6-besten-Anbieter-fur-kostenlose-Website-Icons.jpg?fit=1200%2C600&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jimdo.com/de/magazin\/wp-content\/uploads\/2020\/12\/Die-6-besten-Anbieter-fur-kostenlose-Website-Icons.jpg?fit=1200%2C600&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.jimdo.com/de/magazin\/wp-json\/wp\/v2\/posts\/5524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jimdo.com/de/magazin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jimdo.com/de/magazin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jimdo.com/de/magazin\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jimdo.com/de/magazin\/wp-json\/wp\/v2\/comments?post=5524"}],"version-history":[{"count":0,"href":"https:\/\/www.jimdo.com/de/magazin\/wp-json\/wp\/v2\/posts\/5524\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jimdo.com/de/magazin\/wp-json\/wp\/v2\/media\/5525"}],"wp:attachment":[{"href":"https:\/\/www.jimdo.com/de/magazin\/wp-json\/wp\/v2\/media?parent=5524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jimdo.com/de/magazin\/wp-json\/wp\/v2\/categories?post=5524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jimdo.com/de/magazin\/wp-json\/wp\/v2\/tags?post=5524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}