Kurz gesagt: Ein fertiges Design ist die halbe Website. Die andere Hälfte ist die Umsetzung, und da geht am meisten schief. Du brauchst jemanden, der dein Figma-, Canva- oder XD-File in WordPress baut, ohne dass aus „detailgetreu“ am Ende „ungefähr“ wird. Was du dafür liefern musst, was es kostet und woran du einen guten Umsetzer erkennst, steht hier.
Die Situation, in der du gerade steckst
Du hast ein Design. Vielleicht von einem Designer, vielleicht selbst in Canva gebaut, vielleicht aus Figma exportiert. Es sieht gut aus. Und jetzt stehst du vor der Frage, wie daraus eine Website wird, die genauso aussieht, auf dem Handy funktioniert und die du später selbst pflegen kannst.
Die Anfragen, die bei mir dazu reinkommen, klingen fast immer gleich: „Ich habe das Design, ich brauche nur noch jemanden, der es baut.“ Das „nur“ ist der Punkt. Denn zwischen einem schönen Screen und einer Website, die lädt, funktioniert und rechtlich sauber ist, liegt genau die Arbeit, die man dem Design nicht ansieht.
Was bei der Umsetzung typischerweise schiefgeht
Drei Muster sehe ich immer wieder, wenn ich Seiten übernehme, die schon einmal „umgesetzt“ wurden.
Das Design wird nachempfunden statt nachgebaut. Abstände stimmen ungefähr, Schriftgrößen ungefähr, Farben ungefähr. Einzeln fällt das nicht auf. In Summe sieht die Seite billiger aus als das Design.
Mobil wurde nicht mitgedacht. Das Design zeigt den Desktop. Auf dem Handy bricht das Layout, Texte stehen übereinander, Buttons sind nicht mehr erreichbar. Der Umsetzer hat nicht gefragt, wie es mobil aussehen soll, und der Designer hat es nicht geliefert.
Die Seite ist nicht pflegbar. Alles wurde hart in den Page Builder geklickt, jede Sektion einzeln gestylt. Ein Textwechsel geht noch, aber eine neue Unterseite im gleichen Stil dauert Stunden, weil nichts wiederverwendbar ist.
Was du liefern solltest, damit es gut wird
Je vollständiger deine Vorlage, desto weniger muss der Umsetzer raten. Das brauche ich für eine saubere Umsetzung:
- Das Design-File selbst, nicht nur Screenshots. Figma, Adobe XD, Sketch oder eine Canva-Freigabe mit Bearbeitungszugriff. Daraus lese ich Abstände, Farben und Schriften exakt aus, statt sie zu schätzen.
- Mindestens eine Mobil-Ansicht, idealerweise für die Startseite. Wenn es keine gibt, sage ich dir, wie ich die Seite umbrechen würde, bevor ich baue.
- Schriften und Bilder als Dateien, mit Lizenz. Google Fonts binde ich lokal ein, das ist in DACH Pflicht.
- Die Texte, oder zumindest die Struktur. Platzhaltertext im Design ist okay, aber die echten Texte entscheiden über Zeilenumbrüche und Layout.
- Eine Liste der Seiten, die es geben soll, und was wiederkehrend ist (Blog, Referenzen, Team).
Wie ich ein Design in WordPress umsetze
Ich baue in WordPress mit Bricks Builder. Nicht, weil es der einzige Weg ist, sondern weil er der wartbarste ist: Farben, Schriften und Abstände stehen einmal zentral im Design-System der Seite, jede Sektion greift darauf zu. Ändert sich später die Hausfarbe, änderst du sie an einer Stelle.
Der Ablauf ist immer derselbe: Erst lese ich dein Design-File aus und lege Farben, Typografie und Abstände als Variablen an. Dann baue ich die wiederkehrenden Bausteine, Header, Footer, Buttons, Karten. Dann die Seiten. Und zum Schluss prüfe ich jede Seite an den Breakpoints, die im Design definiert sind, und dokumentiere Abweichungen, statt sie zu verschweigen.
Barrierefreiheit ist dabei kein Extra. Kontraste, Fokus-Zustände, Tastaturbedienung und Alt-Texte baue ich von Anfang an nach WCAG 2.2 ein. Wenn dein Design an einer Stelle nicht barrierefrei umsetzbar ist, etwa weil ein Grau auf Weiß zu wenig Kontrast hat, sage ich dir das, bevor ich es baue.
Was die Umsetzung kostet
Ein Onepager nach fertigem Design startet bei mir ab 890 Euro, eine mehrseitige Website ab 2.900 Euro, jeweils netto. Die aktuellen Preise sind auf meiner Webseite abrufbar. Der Preis hängt an der Zahl der unterschiedlichen Layouts, nicht an der Zahl der Seiten: Zehn Unterseiten mit demselben Aufbau sind billiger als drei, die alle anders aussehen. Nach dem Erstgespräch bekommst du einen Festpreis, keinen Stundenschätzung.
Zum Vergleich: Für 250 Euro bekommst du auf Freelancer-Plattformen auch eine „Umsetzung“. Was du dort nicht bekommst, ist jemand, der für das Ergebnis haftet, in deiner Zeitzone erreichbar ist, mit lizenzierten Plugins arbeitet und weiß, was DSGVO und Barrierefreiheitsgesetz für deine Seite bedeuten.
Woran du einen guten Umsetzer erkennst
- Er fragt nach dem Design-File, nicht nach Screenshots.
- Er fragt nach der Mobil-Ansicht, bevor er anfängt.
- Er nennt dir einen Festpreis und sagt, was nicht drin ist.
- Er kann dir Referenzen zeigen, bei denen Design und Website nebeneinander stehen.
- Er baut so, dass du danach selbst Inhalte pflegen kannst, und zeigt dir das.
Häufige Fragen
Kann ich mein Canva-Design in WordPress umsetzen lassen?
Ja. Canva liefert keine sauberen Maße wie Figma, deshalb messe ich Abstände und Größen aus dem Export nach und stimme sie mit dir ab. Das Ergebnis ist eine echte Website, kein eingebettetes Canva.
Muss das Design schon eine Mobil-Version haben?
Nein, aber es hilft. Ohne Mobil-Version schlage ich dir vor, wie die Sektionen umbrechen, und du gibst das frei, bevor ich baue.
Bekomme ich die Seite „pixelgenau“?
Detailgetreu an den Breakpoints, die im Design definiert sind. „Pixelgenau“ auf jeder Bildschirmgröße verspricht dir niemand ehrlich, weil Browser und Geräte unterschiedlich rendern. Sichtbare Abweichungen an den definierten Breakpoints bessere ich kostenlos nach.
Arbeitest du auch für Designer und Agenturen?
Ja, auf Wunsch White-Label unter eurem Namen. Details auf der Seite Design-Umsetzung.
Wie lange dauert die Umsetzung?
Ein Onepager meist ein bis zwei Wochen ab vollständigen Unterlagen, eine mehrseitige Website drei bis sechs Wochen. Die größte Verzögerung sind fast immer fehlende Texte und Bilder.
Du hast ein Design und willst wissen, was die Umsetzung kostet? Schick es mir, ich schaue es an und sage dir innerhalb von zwei Werktagen, was es braucht.