{"id":22,"date":"2026-09-25T11:46:09","date_gmt":"2026-09-25T09:46:09","guid":{"rendered":"https:\/\/twomade.de\/?page_id=22"},"modified":"2026-09-25T11:46:09","modified_gmt":"2026-09-25T09:46:09","slug":"webdesign","status":"publish","type":"page","link":"https:\/\/twomade.de\/?page_id=22","title":{"rendered":"Webdesign"},"content":{"rendered":"\n<section class=\"wp-block-group phero is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group wrap is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns pherocols is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<span class=\"rast\" aria-hidden=\"true\" style=\"--cw:calc(min(1340px,100vw - 5rem)\/12)\"><\/span>\n\n\n<p class=\"crumb wp-block-paragraph\"><a href=\"https:\/\/twomade.de\/\">twoMADE<\/a> \/ Webdesign<\/p>\n\n\n<h1 class=\"wp-block-heading\">Zwei Wochen. <em>Nicht zwei Monate.<\/em><\/h1>\n\n\n<p class=\"lead wp-block-paragraph\">Wir bauen mit KI \u2014 das macht uns schneller, nicht billiger. Der Unterschied landet bei Ihnen als Zeit: Ihre Seite ist fertig, bevor eine Agentur mit dem Entwurf anf\u00e4ngt.<\/p>\n\n\n<div class=\"wp-block-buttons acts is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#umbau-live\">Einen Umbau live ansehen<\/a><\/div>\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"#kalkulator\">Preis ausrechnen<\/a><\/div>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/twomade.de\/wp-content\/themes\/twomade\/assets\/mock-laptop.webp\" alt=\"Laptop und Handy mit einer von uns gebauten Website\"\/><\/figure>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section id=\"umbau-live\" class=\"wp-block-group band dim is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group wrap is-layout-flow wp-block-group-is-layout-flow\"><div class=\"umwrap wp-block-twomade-umbau\"><div class=\"frame2\">\n      <div class=\"chrome\"><i><\/i><i><\/i><i><\/i><span>tischlerei-muster.de<\/span><\/div>\n      <div class=\"um\" id=\"umbau\" aria-live=\"polite\">\n        <div class=\"u-logo\">Tischlerei Muster<\/div>\n        <nav class=\"u-nav\" aria-hidden=\"true\"><b>Startseite<\/b><b>Arbeiten<\/b><b>\u00dcber uns<\/b><b>Kontakt<\/b><b class=\"gb\">G\u00e4stebuch<\/b><\/nav>\n        <div class=\"u-h\"><span class=\"alt-t\">Herzlich Willkommen auf unserer Homepage!!!<\/span><span class=\"neu-t\">M\u00f6bel, die bleiben.<\/span><\/div>\n        <span class=\"u-img\" role=\"img\" aria-label=\"Holz\"><\/span>\n        <div class=\"u-body\">Seit 1998 fertigen wir in unserer Werkstatt nach Ma\u00df \u2014 K\u00fcchen, Treppen, T\u00fcren und Einzelst\u00fccke aus Massivholz.<\/div>\n        <span class=\"u-cta\"><span class=\"alt-t\">Kontaktieren Sie uns<\/span><span class=\"neu-t\">Preis anfragen<\/span><\/span>\n        <div class=\"u-foot\">Sie sind Besucher Nr. 004711 \u2014 optimiert f\u00fcr 1024\u00d7768<\/div>\n        <span class=\"u-open\">Werkstatt heute bis 17 Uhr offen<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"umtext\">\n      <p class=\"sig\"><s><\/s><span>Umbau live<\/span><\/p>\n      <h2>Gleicher Inhalt. Anderer Betrieb.<\/h2>\n      <p style=\"margin-top:1.1rem\">Viele Seiten, die wir erneuern sollen, sehen aus wie dieses Beispiel. Der Inhalt passt \u2014 die Aufmachung kostet Kunden. Dr\u00fccken Sie den Knopf und sehen Sie zu, wie jedes Element an seinen neuen Platz zieht.<\/p>\n      <button class=\"act fill\" type=\"button\" id=\"umbauBtn\">Jetzt umbauen<\/button>\n      <small>Erfundenes Beispiel. Die Bewegung macht der Browser selbst (View Transitions) \u2014 keine Bibliothek, kein Video.<\/small>\n    <\/div><\/div>\n<\/div>\n\n<\/section>\n\n\n<section class=\"wp-block-group band paper is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group wrap is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"sig wp-block-paragraph\">Was Sie bekommen<\/p>\n\n\n<h2 class=\"wp-block-heading\">Eine Seite, die Ihnen geh\u00f6rt.<\/h2>\n\n\n<p class=\"lead wp-block-paragraph\">Kein Baukasten, kein Abo, keine Vorlage mit 80 Prozent Ballast. Was wir bauen, k\u00f6nnen Sie behalten \u2014 auch wenn Sie uns irgendwann nicht mehr brauchen.<\/p>\n\n\n<div class=\"wp-block-columns incl is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group incl-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Ein Theme, das f\u00fcr Sie geschrieben wird<\/h3>\n\n\n<p class=\"wp-block-paragraph\">Kein gekauftes Template mit ausgetauschtem Logo. Nur der Code, den Ihre Seite wirklich braucht \u2014 deshalb bleibt sie schnell.<\/p>\n\n<\/div>\n\n\n<div class=\"wp-block-group incl-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Bausteine zum Selbstbef\u00fcllen<\/h3>\n\n\n<p class=\"wp-block-paragraph\">Neue Leistung, neues Projekt, neue Seite: Baustein einsetzen, Text tippen. Kaputtmachen k\u00f6nnen Sie dabei nichts.<\/p>\n\n<\/div>\n\n\n<div class=\"wp-block-group incl-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">SEO von Anfang an<\/h3>\n\n\n<p class=\"wp-block-paragraph\">Saubere Struktur, Ortsseiten und Auszeichnung, damit Google versteht, was Sie wo anbieten.<\/p>\n\n<\/div>\n\n\n<div class=\"wp-block-group incl-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Seiten, die mitrechnen<\/h3>\n\n\n<p class=\"wp-block-paragraph\">Preisrechner, Konfiguratoren, Anfrageformulare, die gleich vorsortieren \u2014 wie der Rechner weiter unten.<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group incl-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Zweisprachig, wenn Sie es brauchen<\/h3>\n\n\n<p class=\"wp-block-paragraph\">Jede Sprache mit eigener Adresse, damit Google beide findet. Probieren Sie oben den Knopf EN.<\/p>\n\n<\/div>\n\n\n<div class=\"wp-block-group incl-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Domain und Hosting auf Ihren Namen<\/h3>\n\n\n<p class=\"wp-block-paragraph\">Sie bleiben Eigent\u00fcmer und sind nicht an uns gebunden.<\/p>\n\n<\/div>\n\n\n<div class=\"wp-block-group incl-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Festpreis vor dem ersten Klick<\/h3>\n\n\n<p class=\"wp-block-paragraph\">Schriftlich, nach dem ersten Gespr\u00e4ch. Kein Stundensatz mit offenem Ende.<\/p>\n\n<\/div>\n\n\n<div class=\"wp-block-group incl-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Einweisung und danach erreichbar<\/h3>\n\n\n<p class=\"wp-block-paragraph\">Sie lernen, selbst zu pflegen. Wenn Sie keine Lust darauf haben, \u00fcbernimmt das ein Betreuungspaket.<\/p>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section id=\"roentgen\" class=\"wp-block-group band is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group wrap is-layout-flow wp-block-group-is-layout-flow\"><div class=\"xwrap wp-block-twomade-roentgen\"><div>\n      <p class=\"sig\"><s><\/s><span>Reinschauen<\/span><\/p>\n      <h2>Sehen Sie, wie diese Seite gebaut ist.<\/h2>\n      <p class=\"lead\" style=\"margin-top:1.1rem\">Der R\u00f6ntgenblick zeigt das Konstruktionsraster und jeden Baustein dieser Seite \u2014 dazu echte Messwerte, gerade eben in Ihrem Browser erhoben: Ladezeit, \u00fcbertragene Daten, Stabilit\u00e4t des Layouts. Nichts davon ist ausgedacht, es ist gemessen.<\/p>\n    <\/div>\n    <button class=\"act fill\" type=\"button\" id=\"xrayBtn\" aria-pressed=\"false\">R\u00f6ntgenblick einschalten<\/button>\n<aside id=\"xpanel\" hidden aria-live=\"polite\">\n    <header><b>In Ihrem Browser gemessen<\/b><button class=\"xclose\" type=\"button\" aria-label=\"Schlie\u00dfen\">\u00d7<\/button><\/header>\n    <dl><\/dl>\n    <p>Gemessen mit der Performance-Schnittstelle des Browsers. Die Werte schwanken je nach Verbindung und Ger\u00e4t.<\/p><\/aside><\/div>\n<\/div>\n\n<\/section>\n\n\n<section id=\"kalkulator\" class=\"wp-block-group band dim is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group wrap is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"sig wp-block-paragraph\">Zwei Minuten, ohne Anmeldung<\/p>\n\n\n<h2 class=\"wp-block-heading\">Was soll Ihre Seite k\u00f6nnen?<\/h2>\n\n\n<p class=\"lead wp-block-paragraph\">Klicken Sie an, was Sie brauchen \u2014 der Preis rechnet mit, die Sch\u00e4tzung kommt auf Wunsch per Mail.<\/p>\n\n<div class=\"wp-block-twomade-kalkulator\"><div class=\"kalk\" id=\"kalk\">\n      <div class=\"kfrag\">\n        \n        <fieldset class=\"kq\">\n          <legend><i>1<\/i><span>Was brauchen Sie?<\/span><\/legend>\n          <div class=\"chips\"><label><input type=\"radio\" name=\"k_art\" value=\"neu\"><span>Neue Website<\/span><\/label><label><input type=\"radio\" name=\"k_art\" value=\"alt\"><span>Bestehende Seite erneuern<\/span><\/label><label><input type=\"radio\" name=\"k_art\" value=\"shop\"><span>Onlineshop<\/span><\/label><label><input type=\"radio\" name=\"k_art\" value=\"buchung\"><span>Buchung &amp; Anfragen<\/span><\/label><\/div>\n        <\/fieldset>\n        \n        <fieldset class=\"kq\">\n          <legend><i>2<\/i><span>Wie gro\u00df wird die Seite ungef\u00e4hr?<\/span><\/legend>\n          <div class=\"chips\"><label><input type=\"radio\" name=\"k_groesse\" value=\"s\" checked><span>bis 5 Seiten<\/span><\/label><label><input type=\"radio\" name=\"k_groesse\" value=\"m\"><span>6 bis 10<\/span><\/label><label><input type=\"radio\" name=\"k_groesse\" value=\"l\"><span>11 bis 20<\/span><\/label><label><input type=\"radio\" name=\"k_groesse\" value=\"xl\"><span>mehr als 20<\/span><\/label><\/div>\n        <\/fieldset>\n        \n        <fieldset class=\"kq kq-shop\">\n          <legend><i>2b<\/i><span>Wie viele Artikel im Shop?<\/span><\/legend>\n          <div class=\"chips\"><label><input type=\"radio\" name=\"k_artikel\" value=\"a\" checked><span>bis 100<\/span><\/label><label><input type=\"radio\" name=\"k_artikel\" value=\"b\"><span>mehr als 100<\/span><\/label><\/div>\n        <\/fieldset>\n        \n        <fieldset class=\"kq\">\n          <legend><i>3<\/i><span>Was darf dazukommen?<\/span><\/legend>\n          <div class=\"chips\"><label><input type=\"checkbox\" name=\"k_x\" value=\"sprache\"><span>Zweite Sprache<\/span><\/label><label><input type=\"checkbox\" name=\"k_x\" value=\"texte\"><span>Wir schreiben die Texte<\/span><\/label><label><input type=\"checkbox\" name=\"k_x\" value=\"logo\"><span>Logo und Farben<\/span><\/label><label><input type=\"checkbox\" name=\"k_x\" value=\"umzug\"><span>Alte Inhalte umziehen<\/span><\/label><label><input type=\"checkbox\" name=\"k_x\" value=\"element\"><span>Rechner wie dieser hier<\/span><\/label><label><input type=\"checkbox\" name=\"k_x\" value=\"auto\"><span>Anfragen automatisch vorsortieren<\/span><\/label><\/div>\n        <\/fieldset>\n        <p class=\"khelp\">Betreuung: Basis hei\u00dft Updates und Sicherungen, Aktiv eine Stunde \u00c4nderungen im Monat dazu, Rundum drei Stunden und ein SEO-Bericht.<\/p>\n        \n        <fieldset class=\"kq\">\n          <legend><i>4<\/i><span>Wer k\u00fcmmert sich danach?<\/span><\/legend>\n          <div class=\"chips\"><label><input type=\"radio\" name=\"k_betreuung\" value=\"keine\" checked><span>Pflege ich selbst<\/span><\/label><label><input type=\"radio\" name=\"k_betreuung\" value=\"basis\"><span>Basis<\/span><\/label><label><input type=\"radio\" name=\"k_betreuung\" value=\"aktiv\"><span>Aktiv<\/span><\/label><label><input type=\"radio\" name=\"k_betreuung\" value=\"rundum\"><span>Rundum<\/span><\/label><\/div>\n        <\/fieldset>\n        \n        <fieldset class=\"kq\">\n          <legend><i>5<\/i><span>Bis wann?<\/span><\/legend>\n          <div class=\"chips\"><label><input type=\"radio\" name=\"k_zeit\" value=\"bald\"><span>So bald wie m\u00f6glich<\/span><\/label><label><input type=\"radio\" name=\"k_zeit\" value=\"monate\" checked><span>In ein bis drei Monaten<\/span><\/label><label><input type=\"radio\" name=\"k_zeit\" value=\"offen\"><span>Noch offen<\/span><\/label><\/div>\n        <\/fieldset>\n      <\/div>\n\n      <aside class=\"kerg\" aria-live=\"polite\">\n        <p class=\"kkopf\">Grobe Sch\u00e4tzung<\/p>\n        <p class=\"kpreis\">\u2014<\/p>\n        <p class=\"knetto\"><\/p>\n        <ul class=\"kpost\"><\/ul>\n        <p class=\"kfuss\">Eine Sch\u00e4tzung, kein Angebot. Den verbindlichen Festpreis bekommen Sie nach dem Gespr\u00e4ch schriftlich.<\/p>\n\n        <form class=\"ksend\" novalidate>\n          <p class=\"kkopf\">Sch\u00e4tzung zusenden<\/p>\n          <div class=\"kzwei\">\n            <input type=\"text\" name=\"name\" autocomplete=\"name\" placeholder=\"Name\" aria-label=\"Name\" required>\n            <input type=\"text\" name=\"firma\" autocomplete=\"organization\" placeholder=\"Firma (optional)\" aria-label=\"Firma\">\n          <\/div>\n          <input type=\"email\" name=\"mail\" autocomplete=\"email\" placeholder=\"E-Mail\" aria-label=\"E-Mail\" required>\n          <textarea name=\"notiz\" rows=\"2\" placeholder=\"Noch etwas, das wir wissen sollten? (optional)\" aria-label=\"Notiz\"><\/textarea>\n          <fieldset class=\"kq kq-mini\"><legend><span>Wann erreichen wir Sie am besten?<\/span><\/legend><div class=\"chips\"><label><input type=\"radio\" name=\"k_rueckruf\" value=\"vormittag\"><span>vormittags<\/span><\/label><label><input type=\"radio\" name=\"k_rueckruf\" value=\"nachmittag\"><span>nachmittags<\/span><\/label><label><input type=\"radio\" name=\"k_rueckruf\" value=\"mail\" checked><span>lieber per Mail<\/span><\/label><\/div><\/fieldset>\n          <label class=\"kdsg\"><input type=\"checkbox\" name=\"dsg\" required><span>Ich bin einverstanden, dass meine Angaben zur Beantwortung gespeichert werden. Eine Kopie der Sch\u00e4tzung geht an twoMADE. Kein Newsletter, keine Weitergabe.<\/span><\/label>\n          <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" class=\"khp\" aria-hidden=\"true\">\n          <input type=\"hidden\" name=\"ts\" value=\"\">\n          <button class=\"act fill\" type=\"submit\" disabled>Sch\u00e4tzung per E-Mail senden<\/button>\n          <p class=\"kstatus\" role=\"status\"><\/p>\n        <\/form>\n      <\/aside>\n    <\/div><\/div>\n<\/div>\n\n<\/section>\n\n\n<section id=\"kontakt\" class=\"wp-block-group band cta is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group wrap is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"sig wp-block-paragraph\">Anfangen<\/p>\n\n\n<h2 class=\"wp-block-heading\">Erz\u00e4hlen Sie, was gerade zu viel Zeit frisst.<\/h2>\n\n\n<p class=\"lead wp-block-paragraph\">30 Minuten, kostenlos und unverbindlich. Danach wissen Sie, ob sich etwas lohnt \u2014 auch wenn die Antwort manchmal nein lautet.<\/p>\n\n\n<div class=\"wp-block-buttons acts is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/twomade.de\/?page_id=32\">Gespr\u00e4ch vereinbaren<\/a><\/div>\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/twomade.de\/?page_id=22#kalkulator\">Erst den Preis ausrechnen<\/a><\/div>\n\n<\/div>\n\n\n<div class=\"wp-block-group ways is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group weg is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">E-Mail<\/p>\n\n\n<p class=\"wp-block-paragraph\"><a href=\"mailto:hallo@twomade.de\">hallo@twomade.de<\/a><\/p>\n\n<\/div>\n\n\n<div class=\"wp-block-group weg is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Sitz<\/p>\n\n\n<p class=\"wp-block-paragraph\">Langennaundorf, Elbe-Elster<\/p>\n\n<\/div>\n\n\n<div class=\"wp-block-group weg is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Antwort<\/p>\n\n\n<p class=\"wp-block-paragraph\">meist am selben Werktag<\/p>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>twoMADE \/ Webdesign Zwei Wochen. Nicht zwei Monate. Wir bauen mit KI \u2014 das macht uns schneller, nicht billiger. Der Unterschied landet bei Ihnen als Zeit: Ihre Seite ist fertig, bevor eine Agentur mit dem Entwurf anf\u00e4ngt. Was Sie bekommen Eine Seite, die Ihnen geh\u00f6rt. Kein Baukasten, kein Abo, keine Vorlage mit 80 Prozent Ballast. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twomade.de\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twomade.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twomade.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twomade.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twomade.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":0,"href":"https:\/\/twomade.de\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"wp:attachment":[{"href":"https:\/\/twomade.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}