{"id":23,"date":"2026-09-25T11:46:09","date_gmt":"2026-09-25T09:46:09","guid":{"rendered":"https:\/\/twomade.de\/?page_id=23"},"modified":"2026-09-25T11:46:09","modified_gmt":"2026-09-25T09:46:09","slug":"web-design","status":"publish","type":"page","link":"https:\/\/twomade.de\/?page_id=23","title":{"rendered":"Web design"},"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> \/ Web design<\/p>\n\n\n<h1 class=\"wp-block-heading\">Two weeks. <em>Not two months.<\/em><\/h1>\n\n\n<p class=\"lead wp-block-paragraph\">We build with AI \u2014 that makes us faster, not cheaper. You get the difference as time: your site is finished before an agency has started on the draft.<\/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\">See a rebuild live<\/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\">Work out a price<\/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 and phone showing a website we built\"\/><\/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>Home<\/b><b>Work<\/b><b>About<\/b><b>Contact<\/b><b class=\"gb\">Guestbook<\/b><\/nav>\n        <div class=\"u-h\"><span class=\"alt-t\">Welcome to our homepage!!!<\/span><span class=\"neu-t\">Furniture that stays.<\/span><\/div>\n        <span class=\"u-img\" role=\"img\" aria-label=\"Wood\"><\/span>\n        <div class=\"u-body\">Made to measure in our own workshop since 1998 \u2014 kitchens, stairs, doors and one-off pieces from solid wood.<\/div>\n        <span class=\"u-cta\"><span class=\"alt-t\">Contact us<\/span><span class=\"neu-t\">Get a price<\/span><\/span>\n        <div class=\"u-foot\">You are visitor no. 004711 \u2014 best viewed at 1024\u00d7768<\/div>\n        <span class=\"u-open\">Workshop open today until 5 pm<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"umtext\">\n      <p class=\"sig\"><s><\/s><span>Rebuild live<\/span><\/p>\n      <h2>Same content. Different business.<\/h2>\n      <p style=\"margin-top:1.1rem\">Many sites we are asked to rebuild look like this example. The content is fine \u2014 the presentation is costing customers. Press the button and watch every element move to its new place.<\/p>\n      <button class=\"act fill\" type=\"button\" id=\"umbauBtn\">Jetzt umbauen<\/button>\n      <small>Invented example. The movement uses the browser\u2019s View Transitions \u2014 no library, no 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\">What you get<\/p>\n\n\n<h2 class=\"wp-block-heading\">A site that belongs to you.<\/h2>\n\n\n<p class=\"lead wp-block-paragraph\">No site builder, no subscription, no template dragging 80 percent ballast along. What we build is yours to keep \u2014 even if one day you no longer need us.<\/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\">A theme written for you<\/h3>\n\n\n<p class=\"wp-block-paragraph\">No bought template with a swapped logo. Only the code your site really needs \u2014 that is why it stays fast.<\/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\">Building blocks you fill yourself<\/h3>\n\n\n<p class=\"wp-block-paragraph\">New service, new project, new page: insert the block and type. You cannot break anything.<\/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 from the start<\/h3>\n\n\n<p class=\"wp-block-paragraph\">Clean structure, location pages and markup so Google understands what you offer and where.<\/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\">Pages that do the maths<\/h3>\n\n\n<p class=\"wp-block-paragraph\">Price calculators, configurators, enquiry forms that sort as they go \u2014 like the calculator further down.<\/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\">Bilingual if you need it<\/h3>\n\n\n<p class=\"wp-block-paragraph\">Each language at its own address, so Google finds both. Try the EN button at the top.<\/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 and hosting in your name<\/h3>\n\n\n<p class=\"wp-block-paragraph\">You stay the owner and are not tied to us.<\/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\">Fixed price before the first click<\/h3>\n\n\n<p class=\"wp-block-paragraph\">In writing, after the first conversation. No open-ended hourly rate.<\/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\">Walkthrough, and we stay reachable<\/h3>\n\n\n<p class=\"wp-block-paragraph\">You learn to update it yourself. If you would rather not, a care package covers it.<\/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>Look inside<\/span><\/p>\n      <h2>See how this page is built.<\/h2>\n      <p class=\"lead\" style=\"margin-top:1.1rem\">X-ray mode shows the construction grid and every building block of this page \u2014 plus real measurements taken in your browser right now: load time, data transferred, layout stability. Nothing is made up; it is measured.<\/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>Measured in your browser<\/b><button class=\"xclose\" type=\"button\" aria-label=\"Close\">\u00d7<\/button><\/header>\n    <dl><\/dl>\n    <p>Measured with the browser\u2019s own Performance API. Values vary with connection and device. In the live WordPress version the numbers come from the real server.<\/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\">Two minutes, no sign-up<\/p>\n\n\n<h2 class=\"wp-block-heading\">What should your site do?<\/h2>\n\n\n<p class=\"lead wp-block-paragraph\">Click what you need \u2014 the price updates as you go and the estimate can go to your inbox.<\/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>What do you need?<\/span><\/legend>\n          <div class=\"chips\"><label><input type=\"radio\" name=\"k_art\" value=\"neu\"><span>New website<\/span><\/label><label><input type=\"radio\" name=\"k_art\" value=\"alt\"><span>Rebuild existing site<\/span><\/label><label><input type=\"radio\" name=\"k_art\" value=\"shop\"><span>Online shop<\/span><\/label><label><input type=\"radio\" name=\"k_art\" value=\"buchung\"><span>Bookings &amp; enquiries<\/span><\/label><\/div>\n        <\/fieldset>\n        \n        <fieldset class=\"kq\">\n          <legend><i>2<\/i><span>Roughly how big?<\/span><\/legend>\n          <div class=\"chips\"><label><input type=\"radio\" name=\"k_groesse\" value=\"s\" checked><span>up to 5 pages<\/span><\/label><label><input type=\"radio\" name=\"k_groesse\" value=\"m\"><span>6 to 10<\/span><\/label><label><input type=\"radio\" name=\"k_groesse\" value=\"l\"><span>11 to 20<\/span><\/label><label><input type=\"radio\" name=\"k_groesse\" value=\"xl\"><span>more than 20<\/span><\/label><\/div>\n        <\/fieldset>\n        \n        <fieldset class=\"kq kq-shop\">\n          <legend><i>2b<\/i><span>How many products?<\/span><\/legend>\n          <div class=\"chips\"><label><input type=\"radio\" name=\"k_artikel\" value=\"a\" checked><span>up to 100<\/span><\/label><label><input type=\"radio\" name=\"k_artikel\" value=\"b\"><span>more than 100<\/span><\/label><\/div>\n        <\/fieldset>\n        \n        <fieldset class=\"kq\">\n          <legend><i>3<\/i><span>Anything else?<\/span><\/legend>\n          <div class=\"chips\"><label><input type=\"checkbox\" name=\"k_x\" value=\"sprache\"><span>Second language<\/span><\/label><label><input type=\"checkbox\" name=\"k_x\" value=\"texte\"><span>We write the copy<\/span><\/label><label><input type=\"checkbox\" name=\"k_x\" value=\"logo\"><span>Logo and colours<\/span><\/label><label><input type=\"checkbox\" name=\"k_x\" value=\"umzug\"><span>Move old content<\/span><\/label><label><input type=\"checkbox\" name=\"k_x\" value=\"element\"><span>A calculator like this one<\/span><\/label><label><input type=\"checkbox\" name=\"k_x\" value=\"auto\"><span>Sort enquiries automatically<\/span><\/label><\/div>\n        <\/fieldset>\n        <p class=\"khelp\">Care packages: Basic covers updates and backups, Active adds an hour of changes each month, Complete adds three hours and an SEO report.<\/p>\n        \n        <fieldset class=\"kq\">\n          <legend><i>4<\/i><span>Who looks after it afterwards?<\/span><\/legend>\n          <div class=\"chips\"><label><input type=\"radio\" name=\"k_betreuung\" value=\"keine\" checked><span>I\u2019ll maintain it<\/span><\/label><label><input type=\"radio\" name=\"k_betreuung\" value=\"basis\"><span>Basic<\/span><\/label><label><input type=\"radio\" name=\"k_betreuung\" value=\"aktiv\"><span>Active<\/span><\/label><label><input type=\"radio\" name=\"k_betreuung\" value=\"rundum\"><span>Complete<\/span><\/label><\/div>\n        <\/fieldset>\n        \n        <fieldset class=\"kq\">\n          <legend><i>5<\/i><span>By when?<\/span><\/legend>\n          <div class=\"chips\"><label><input type=\"radio\" name=\"k_zeit\" value=\"bald\"><span>As soon as possible<\/span><\/label><label><input type=\"radio\" name=\"k_zeit\" value=\"monate\" checked><span>In one to three months<\/span><\/label><label><input type=\"radio\" name=\"k_zeit\" value=\"offen\"><span>Not decided yet<\/span><\/label><\/div>\n        <\/fieldset>\n      <\/div>\n\n      <aside class=\"kerg\" aria-live=\"polite\">\n        <p class=\"kkopf\">Rough estimate<\/p>\n        <p class=\"kpreis\">\u2014<\/p>\n        <p class=\"knetto\"><\/p>\n        <ul class=\"kpost\"><\/ul>\n        <p class=\"kfuss\">An estimate, not an offer. You get the binding fixed price in writing after our conversation.<\/p>\n\n        <form class=\"ksend\" novalidate>\n          <p class=\"kkopf\">Send it to me<\/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=\"Company (optional)\" aria-label=\"Company\">\n          <\/div>\n          <input type=\"email\" name=\"mail\" autocomplete=\"email\" placeholder=\"Email\" aria-label=\"Email\" required>\n          <textarea name=\"notiz\" rows=\"2\" placeholder=\"Anything else we should know? (optional)\" aria-label=\"Note\"><\/textarea>\n          <fieldset class=\"kq kq-mini\"><legend><span>Best way to reach you<\/span><\/legend><div class=\"chips\"><label><input type=\"radio\" name=\"k_rueckruf\" value=\"vormittag\"><span>mornings<\/span><\/label><label><input type=\"radio\" name=\"k_rueckruf\" value=\"nachmittag\"><span>afternoons<\/span><\/label><label><input type=\"radio\" name=\"k_rueckruf\" value=\"mail\" checked><span>email is better<\/span><\/label><\/div><\/fieldset>\n          <label class=\"kdsg\"><input type=\"checkbox\" name=\"dsg\" required><span>I agree that my details are stored to answer this request. A copy of the estimate goes to twoMADE. No newsletter, no sharing.<\/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>Email me the estimate<\/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\">Get started<\/p>\n\n\n<h2 class=\"wp-block-heading\">Tell us what is eating your time.<\/h2>\n\n\n<p class=\"lead wp-block-paragraph\">30 minutes, free and without obligation. Afterwards you know whether something is worth doing \u2014 even if the answer is sometimes no.<\/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\">Arrange a call<\/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\">Work out a price first<\/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\">Email<\/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\">Based in<\/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\">Reply<\/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 \/ Web design Two weeks. Not two months. We build with AI \u2014 that makes us faster, not cheaper. You get the difference as time: your site is finished before an agency has started on the draft. What you get A site that belongs to you. No site builder, no subscription, no template dragging [&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-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twomade.de\/index.php?rest_route=\/wp\/v2\/pages\/23","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=23"}],"version-history":[{"count":0,"href":"https:\/\/twomade.de\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions"}],"wp:attachment":[{"href":"https:\/\/twomade.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}