Zum Hauptinhalt springen

Websites, die sich genauso gut anfühlen wie deine Designs aussehen

Website-Entwicklung für Designstudios, die ihre Vision nicht an der Technik scheitern lassen wollen. Mit einem Team, das Technik und Design versteht.

Hast du das auch schon erlebt?

Der Spirit deines Webdesigns geht verloren

Dein Design überlebt den ersten Content nicht

Alles Responsive, aber alles Kompromiss

Die Webentwicklung ist eine Black Box

Genau dafür gibt es uns

Wir sind Designer und Entwickler – und genau deshalb verstehen wir beide Seiten. Wir kennen das Gefühl, wenn ein Entwurf auf dem Weg verloren geht. Und wir wissen, wie man’s richtig macht.

Meine Vision soll Realität werden

Was du brauchst

Websites, die sich genauso gut anfühlen wie dein Design aussieht. Wir sprechen deine Sprache – von Rasterlogik über typografische Hierarchien bis zu den 2px, die den Unterschied machen.

Was du bekommst

Wir testen früh im Browser gemeinsam mit dir. Typografie, die über alle Bildschirmgrößen funktioniert. Mikrointeraktionen, die wir zusammen durchsprechen und tweaken. Kein „wird schon passen“, sondern echte Zusammenarbeit, bis es sitzt.

Wie wir das erreichen

Ein Backend, das mein Design schützt

Was du brauchst

CMS-Interfaces, die deine Kund:innen in 5 Minuten verstehen – und die verhindern, dass beim Texte-Pflegen das Layout zerbricht. Keine 47 Buttons, sondern genau die Optionen, die wirklich gebraucht werden.

Was du bekommst

Wir arbeiten mit Kirby CMS und schneiden jedes Backend exakt auf die Bedürfnisse zu. Deine Kund:innen können ihre Inhalte selbst pflegen, ohne dass du drei Mal hinterher telefonieren musst. Das Design bleibt geschützt, die Wartung bleibt kalkulierbar.

Wie wir das erreichen

Nicht alles alleine durchdenken müssen

Was du brauchst

Einen Partner, der mitdenkt. Der dir Vorschläge macht für Animationen, Hover-States, Page Transitions. Der dir den Stress abnimmt, jedes Detail selbst definieren zu müssen – aber deine Vision trotzdem im Auge behält.

Was du bekommst

Wir entwickeln nicht nach Druckvorlage. Wir fragen nach, schlagen vor, testen gemeinsam. Du bleibst in Kontrolle, aber du bist nicht allein. Von den ersten Typografie-Tests im Browser bis zum Launch – wir sind an deiner Seite.

Wie wir das erreichen

Full-Scale Webdesign auf Basis meines Brand Designs

Was du brauchst

Eine Website, die dein Brand Design im Web groß rausbringt. Deine Inhalte und dein Design, eng auf das Medium abgestimmt.

Was du bekommst

Du bringst das Brand Design an den Tisch und wir unsere Web-Expertise: Wir beraten dich konzeptionell, gestalten die Website in enger Abstimmung mit dir und realisieren die Entwürfe. Du bist dabei die ganze Zeit Lead Designer:in.

Wie wir das erreichen

DSGVO, BFSG, DDG, WTF!?

Was du brauchst

Wir haben die rechtlichen Rahmenbedingungen für deine Website im Blick und leisten Hilfestellung bei den für dich relevanten Themen: Impressumspflicht, Datenschutz, Barrierefreiheit.

Aber: Wir sind keine Rechtsanwälte und dürfen dich nicht rechtlich beraten. Wir geben dir Orientierung, aber sprechen auch aus wenn es eine:n Fachanwält:in braucht.

Was du bekommst

Wir hinterfragen jedes Tool und jede Datenerhebung, denn unser Mantra ist Privacy first! Bei der Umsetzung achten wir u.a. auf Tastaturnavigation, lesbare Schriftgrößen, Farbkontraste, reduzierte Bewegung und ausreichend große Klickflächen bei allen Elementen.

Wie wir das erreichen
Paket A

Webentwicklung

Für Webdesigner:innen, die einen verlässlichen Entwicklungspartner suchen

Preis auf Anfrage Festpreis

  • Detailgenaue Umsetzung deiner Figma-Entwürfe
  • Responsives Design für alle Bildschirmgrößen
  • Gemeinsame Browser-Tests & Feinabstimmung
  • Kirby CMS mit maßgeschneidertem Backend
  • Technisches SEO & GEO inklusive
  • UX-Feedback & Ideen für Animationen inklusive
  • Barrierefrei inklusive Check deiner Designs
  • Onboarding-Call für dich & deine Kund:innen
Projekt anfragen

Typische Projektdauer: ab 2 Monate

Paket B

Webdesign + Webentwicklung

Für Brand-Designer:innen, die einen Partner suchen, der ihre Vision versteht und umsetzt

Preis auf Anfrage Festpreis

  • Alles aus Paket A
  • Web-Konzeption auf Basis deines Brand Designs
  • Vollständige Gestaltung aller Seiten & States
  • Du bleibst Lead Designer:in – wir denken mit
  • Ziele & Conversion im Blick behalten
Projekt besprechen

Typische Projektdauer: ab 3 Monate

Inhalte ohne große Mühe selbst pflegen

Wir bauen euer Projekt mit Kirby CMS: es gibt uns alle gestalterischen Freiheiten und ein Backend, das wir genau auf euch zuschneiden. Nach nur einem Videocall seid ihr und eure Kund:innen im Thema und könnt selbst Inhalte pflegen.

Maximale Designfreiheit

Intuitive Bedienung

Maßgeschneidertes Backend

Wartungsarm & sicher

SEO/GEO

Barrierefrei

Zertifizierter Kirby Partner

In fünf Schritten zur fertigen Website

1
Kostenfreies Erstgespräch

Du lernst uns kennen und wir schauen gemeinsam auf deine Entwürfe: Ist dein Projekt realisierbar? Passen dir unsere Nasen? Wenn ja, legen wir los. Es gibt keinen Haken an der Sache!

2
Kick-off

Wir legen mit dir einen Zeitplan für das Projekt fest und sagen dir genau, was wir von dir brauchen. Du und dein:e Kund:in stellen alles Benötigte zusammen.

3
Entwürfe umsetzen & Inhalte einpflegen

Wir setzen deine Entwürfe um, richten das Redaktionssystem ein und pflegen erste Inhalte ein.

4
Regelmäßiger Schulterblick

Wir sind keine Blackbox! Du bist immer im Bilde, wo wir stehen und kannst den Fortschritt sehen. In regelmäßigen Abständen schalten wir uns digital zusammen und fein-justieren die Umsetzung.

5
Launch

Du bekommst einen passwortgeschützten Zugang zur Website und schaust gemeinsam mit deiner Kundin über alles drüber. Wenn alles passt, legen wir den Schalter um. Die Website geht online, wir reichen Sie bei den gängigen Suchmaschinen ein und Bäm – da ist die neue Website!

Geballte Design- und Entwicklungs­erfahrung für dein Kundenprojekt

Wir vereinen die Perspektiven von Designern und Entwicklern in einem Studio, sprechen die selbe Sprache. Diesen Vorteil geben wir an dich weiter: Du bekommst ein eingespieltes Team mit über 15 Jahren Erfahrung für deine Website-Umsetzung.

Kostenlosen Call buchen

Und das sagen andere Designer:innen, für die wir Projekte umgesetzt haben

Die Zusammenarbeit mit Chris und Bene war super produktiv und unkompliziert.

Die beiden haben unsere Idee sehr schnell begriffen und auf Anhieb so realisiert. Man hatte auch das Gefühl, dass sie nicht blind umsetzen sondern mitdenken.

Benno Ludwigs neues handeln AG

Ich habe mich sowohl in meinem gestalterischen Anspruch verstanden als auch in der technischen Umsetzung kompetent unterstützt gefühlt. Besonders in der Anfangsphase standen wir in engem Austausch und entwickelten das Corporate Design im Sinne eines „Digital-First“-Ansatzes souverän für den digitalen Raum weiter.

Nina Thomas Art Direktorin

Wir waren mit der Zusammenarbeit sehr happy! Sehr kompetentes Team mit schneller und super sauberer Umsetzung. Besonders stark im Design – auch bei Video-Elementen und Animationen. Benedict und Christian bringen eigene Ideen ein, denken an verschiedene Browser und mögliche Bugs. Kommunikation immer schnell und unkompliziert – jederzeit gern wieder.

Danny Bartels mmp.film

Häufig gestellte Fragen

Kein Projekt ist wie das andere, und doch treten ein paar Fragen immer wieder auf. Die Häufigsten haben wir euch hier zusammengestellt.

Absolut. Wir kommen selbst aus dem Design und sprechen eure Sprache – von Rastern über Typografie bis zu visueller Hierarchie. Wir kennen das Problem, wenn Entwickler:innen euren Entwurf irgendwie umsetzen, aber das Gefühl nicht stimmt. Deshalb arbeiten wir eng mit euch zusammen und setzen nicht einfach nur Pixel um, sondern denken mit: bei Animationen, Interaktion und allem, was zwischen Desktop und Mobile passiert.

Überhaupt nicht, genau dafür sind wir da. Viele unserer Partner-Studios kommen aus diesem Bereich. Manche mit mehr, manche mit weniger Webdesign-Erfahrung. Je nach Bedarf beraten wir intensiver oder lassen euch mehr Freiheiten. Vielleicht können wir auch mehr für euch tun als nur die technische Umsetzung?

Da wir als Designstudio auch eigene Projekte gestalten und konzipieren besteht auch immer die Möglichkeit uns schon als Designer mit an den Tisch zu holen. Wir übernehmen die gesamte Gestaltung und Umsetzung der Website auf Basis eures Design Systems und eurer Guidelines. Ihr könnt euren Kund:innen selbstbewusst ein komplettes Webprojekt anbieten, wir stehen als verlässlicher Partner im Hintergrund.

Die meisten Projekte laufen etwa drei Monate – je nach Umfang und wie schnell ihr und eure Kund:innen Feedback geben könnt. Wir planen realistisch und kommunizieren transparent, wenn sich Timings verschieben. Wenn ihr ein knapperes Timing habt, sprecht uns gern trotzdem an. Oft können wir mit mehrstufigen Lösungen helfen, auch wenn eure Kund:innen mal knapp dran sind.

Das hängt vom Umfang ab – wir arbeiten mit Festpreisen, damit ihr und eure Kund:innen Kostensicherheit habt. Die meisten unserer Projekte bewegen sich in einem Rahmen, der professionellen Designstudios entspricht. Im Erstgespräch bekommen wir schnell ein Gefühl dafür, was ihr braucht, und können euch eine realistische Einschätzung geben.

Im Idealfall eure freigegebenen Entwürfe (am liebsten in Figma oder Sketch) plus eine Vorstellung von Struktur und Zielen der Website. Aber wir können auch früher einsteigen: Wenn ihr gerade erst ein Rebranding startet und noch keine konkreten Screens habt, sprechen wir gemeinsam durch, was möglich ist, und setzen einen realistischen Rahmen. Assets wie Schriften, Logos und Bilder holen wir uns dann von euch, wenn's konkret wird.

Das ist völlig normal und gehört dazu. Wir kalkulieren mit einer gewissen Flexibilität und klären im Kickoff, wo der Scope liegt. Kleinere Anpassungen (Farben, Abstände, Texte) laufen reibungslos. Bei größeren Änderungen (neue Sektionen, andere Struktur) sprechen wir früh genug über Auswirkungen auf Timing und Budget. Mit unserer Erfahrung können wir auch oft pragmatische Alternativen anbieten, die sich nicht nach einem Kompromiss anfühlen. So oder so, ihr behaltet die Kontrolle und wisst immer, woran ihr seid.

Das ist genau unser Spezialgebiet. Ihr gestaltet Desktop und Mobile, wir füllen alles dazwischen. Und zwar nicht entlang starrer Grenzen, sondern mit mitwachsender Typografie, die sich in genau der richtigen visuellen Hierarchie anpasst. Wir sorgen dafür, dass es auf jedem Bildschirm gut aussieht und sich richtig anfühlt. Ihr müsst nicht jeden einzelnen Zustand designen, wir denken das konsistent zu Ende.

Kirby ist genau für eure Kund:innen gebaut: intuitiv, aufgeräumt, keine unnötigen Buttons. Wir schneiden das Backend exakt auf die Bedürfnisse zu – nicht mehr, nicht weniger. Das macht Kirby einfach zu bedienen. Außerdem ist es genügsam, wartungsarm und damit gut kalkulierbar.

Und: Eure Kund:innen lernen in einem kurzen Video Call binnen zwei Stunden ihre Website selbst zu pflegen. Wir sind Certified Kirby Partner und organisieren das Kirby NRW Meetup – Kirby ist unser Ding.

Ja, absolut. Wir bauen das Backend so, dass eure Kund:innen alles Wichtige selbst ändern können: Texte, Bilder, neue Seiten anlegen. Komplexere Dinge (Design-Anpassungen, neue Features) bleiben bei uns – aber der Alltag läuft ohne uns. Jedes Projekt beinhaltet eine kurze Einführung per Video Call, danach sind eure Kund:innen startklar.

Nein, wir arbeiten die Logik eures Designsystems möglichst akribisch ins Backend ein. Wir trennen Inhalt und Design stark voneinander, sodass Redakteur:innen keine Designentscheidungen treffen müssen. Aber natürlich wird es auch in Zukunft das ein oder andere Asset von euch brauchen: eine Illustration, eine Infografik. Auch dafür bauen wir Hinweise im Backend ein.

Das entscheidet ihr. Viele unserer Partner wollen selbst die Kundenbeziehung führen und holen uns bei Bedarf dazu – das geht problemlos. Andere möchten uns transparent mit am Tisch haben, weil es ehrlicher ist und technische Fragen direkt geklärt werden können. Wir können auch White Label arbeiten, wenn ihr das bevorzugt. Flexible Zusammenarbeit ist uns wichtig.

Wir sind weiterhin für euch da. Wartung, Weiterentwicklung, Updates und Support bieten wir gerne an – entweder auf Zuruf oder mit Rahmenvereinbarung, z.B. zur zeitnahen Installation von Sicherheitsupdates. Wenn eure Kund:innen später neue Features brauchen, sind wir weiterhin euer Partner. Kirby macht Wartung übrigens besonders planbar, weil es schlank und stabil läuft.

Dann reden wir. Wir merken das meistens früh genug und sprechen offen an, was das für Timeline und Budget bedeutet. Manchmal lässt sich ein Feature auch in Phase 2 verschieben. Transparenz ist uns wichtig: ihr wisst immer, woran ihr seid.

Wir bauen unsere Websites datensparsam – keine Google Fonts von externen Servern, Tracking nur wenn nötig (und dann datenschutzfreundlich z.B. mit Plausible), externe Ressourcen nur wo absolut sinnvoll. Grundlegende DSGVO-Anforderungen decken wir ab, bei Unklarheiten empfehlen wir aber klar, Fachanwälte drauf schauen zu lassen.

Barrierefreiheit ist uns ebenso wichtig. Wir achten auf Tastaturbedienung, Screenreader-Kompatibilität und beraten euch zu WCAG-Richtlinien. Accessibility ist ein großes Feld: wenn euer Projekt besondere Anforderungen erfüllen soll, sprechen wir diese vor Projektbeginn durch.

Performante, suchmaschinenfreundliche Websites sind für uns selbstverständlich. Wir achten auf optimierte Ladezeiten, semantisches HTML, korrekte Meta-Tags und strukturierte Daten. Das hilft Mensch und Maschine gleichermaßen.

Wir geben euch Hosting-Empfehlungen und helfen beim Einrichten. Die laufende Wartung des Redaktionssystems bieten wir auf Wunsch auch an, am Besten eingebettet in eine Rahmenvereinbarung zur Weiterentwicklung der Website. Der Launch ist erst der Startschuss.

Kostenlosen Call buchen