Für Designer:innen & Agenturen - Design zu Website. Ohne Abstriche.

Technische Umsetzung, die hält, was dein Design verspricht.

Erstgespräch buchen

Der Weg vom Design zur stimmigen Webseite

Jedes Design trägt eine bestimmte Energie, einen Vibe, den die Designer:in bewusst kreiert hat. Dieser Vibe geht sehr oft in der Entwicklung der Webseite verloren. Es kommt zu Unstimmigkeiten und endlosen Korrekturschleifen. Am Ende bleibt ein Ergebnis, das technisch vielleicht stimmt, aber nicht mehr dem Original entspricht. Mehr Detail im Handoff und das Herumreiten auf Pixelgenauigkeit lösen das Problem nicht, wenn die grundlegende Wahrnehmung und Sensitivität fehlen.

  • Derselbe Vibe über alle Screens. Wird die Absicht hinter einem Design wirklich wahrgenommen, lässt sie sich ohne Abstriche auf jede Bildschirmgröße übertragen. Kein Verwässern zwischen Entwurf und finaler Zeile Code. Der Vibe überlebt die Umsetzung.
  • Handoff with ease. Nicht alles an einem Design lässt sich immer in Worte fassen. Wenn dein Design auf der Ebene verstanden wird, auf der es entstanden ist, muss nicht alles akribisch in Spezifikationen verankert werden.
  • Ein Ergebnis, das stimmt. Struktur und Feingefühl schließen sich nicht aus. Ein klarer Prozess in Verbindung mit einem Gespür für den ursprünglichen Vibe, lassen ein Ergebnis entstehen, dass auf allen Ebenen stimmt.
  • Vertrauen, das bestehen bleibt. Hält das Ergebnis, was dein Design versprochen hat, entsteht gegenüber deinem Kunden kein Erklärungsdruck. Reputation und Vertrauen bleiben bestehen und deine Kundenbeziehung bleibt intakt.

Für Designer:innen und Agenturen

  • Du benötigst eine saubere und stimmige Umsetzung? Du entwickelst Konzept und Design selbst und suchst eine technische Umsetzung, die voll und ganz deinem Design entspricht. Ich setze dein Design so um, dass es auf allen Screens dem Ursprung entspricht.

  • Dir fehlt noch Klarheit im Konzept? Design und Umsetzung stehen und fallen mit dem Konzept dahinter. Fehlt hier die letzte Schärfe, überträgt sich diese Unsicherheit auf jeden folgenden Schritt. Ich führe durch den Prozess und unterstütze dabei volle Klarheit zu schaffen, um am Ende ein stimmiges Ergebnis zu ermöglichen.

  • Du möchtest selbst umsetzen? Du gestaltest Websites selbst und möchtest eigenständig umsetzen können. Dir fehlt aber die technische Basis dafür und du möchtest dich nicht um Hosting, Performance und Go-Live kümmern. Der Setup-Support ist das richtige Produkt für dich.

Leistungen

  • Full-Service Umsetzung

    Für Designer:innen und Agenturen mit eigenem Design

    • Vollständige technische Umsetzung deines finalen Designs
    • Umsetzung über alle Breakpoints
    • QA gegen die Vorlage, ohne Korrekturlimit

    Fixpreis auf Anfrage

    Full-Service Umsetzung

    Für Designer:innen und Agenturen mit eigenem Design

    Leistungsumfang

    • Vollständige technische Umsetzung eines übergebenen, finalen Designs
    • Umsetzung über alle Breakpoints, inklusive nicht explizit spezifizierter Zwischenzustände
    • QA gegen die Design-Vorlage
    • Keine begrenzte Anzahl an Korrekturschleifen – es wird so lange gearbeitet, bis das Ergebnis der Vorlage entspricht
    • Technische Basis für SEO und GEO
    • Einpflege der gelieferten Inhalte, soweit für die Umsetzung aller Designelemente und Unterseiten nötig
    • CMS-Schulung bei Übergabe

    Nicht enthalten

    • Konzeptarbeit (optional als Zusatzmodul buchbar)
    • Eigenständige Gestaltung von Design-Elementen
    • Nachträgliche Änderungen am Design nach Umsetzungsbeginn
    • Content-Erstellung
    • Umfangreiche Barrierefreiheit (auf Wunsch als zusätzlicher Leistungspunkt, gemäß den Bestimmungen des jeweiligen Landes im DACH-Raum)

    Nicht spezifizierte Zustände

    Zeigt das Design bestimmte Zustände nicht (z. B. Hover, Fehlermeldungen, Zwischengrößen zwischen Breakpoints), werden diese im Sinne der bestehenden Vorlage ergänzt.

    Design-Anforderungen

    • Lieferung in Figma
    • Komponenten (z. B. Buttons) zeigen alle Zustände
    • Nice-to-have: Eine vollständige Responsive-Ansicht

    Ablauf

    1. Handoff: Design-Übergabe in Figma
    2. Technisches Konzept & Aufwandsschätzung
    3. Umsetzung mit laufendem Abgleich
    4. Finale QA gegen die Vorlage
    5. Übergabe inkl. CMS-Schulung

    Voraussetzung

    Vollständiges, finales Design in Figma, inklusive aller Komponenten-Zustände.

    Preis

    Fixpreis auf Basis des übergebenen Designs (Seitenanzahl, Komplexität der Komponenten und Interaktionen).

    Damit der Fixpreis auch gehalten werden kann, fließt echte Analysetiefe in die Aufwandsschätzung. Dadurch werden dafür einmalig 360,00 exkl. Ust verrechnet. Bei Beauftragung werden diese Kosten zu 100 % auf das Projekt angerechnet.

  • Konzepterstellung

    Für Projekte ohne fertiges Konzept

    • Fundierte Basis vor Design & Umsetzung
    • Einbindung aller relevanten Beteiligten
    • Fertiges Konzept & Fixpreis-Angebot für die Umsetzung

    1.400,00

    Konzepterstellung

    Für Projekte ohne fertiges Konzept

    Leistungsumfang

    • Leitung des gesamten Konzeptionsprozesses
    • Einbindung aller relevanten Beteiligten (Workshops/Gespräche)
    • Erstellung des fertigen Konzepts
    • Das Angebot für die anschließende Umsetzung ist bereits enthalten

    Nicht enthalten

    • Design-Erstellung
    • Technische Umsetzung

    Ablauf

    1. Übermittlung aller relevanten Unterlagen
    2. Gemeinsame geführte Ausarbeitung aller Details (Workshops/Gespräche)
    3. Erstellung und Übergabe des Konzepts

    Preis

    1.400,00 exkl. Ust.

  • Setup Support

    Für Designer:innen, die selbst umsetzen

    • Technische Basis für deine Umsetzung
    • Support bei technischen Fragen
    • Go-Live Service

    770,00

    Setup Support

    Für Designer:innen, die selbst umsetzen

    Die technische Basis, damit du deine Website eigenständig umsetzen kannst – ohne dich um Server, Performance oder Go-Live-Vorbereitung kümmern zu müssen.

    Leistungsumfang

    • Aufsetzen der Website auf dem Staging-Server
    • Umsetzung der gewählten Grundkonfiguration (z. B. Elementor + Hello Elementor Theme)
    • Technische Basis für SEO, GEO
    • Performance-Grundeinrichtung
    • Staging-Bereitstellung für bis zu 4 Monate, während du das Design umsetzt
    • Einrichtung des Kunden-Hostings & Vorbereitung für das Go-Live
    • Support bei technischen Fragen während der Staging-Phase

    Nicht enthalten

    • Visuelle Umsetzung des Designs (übernimmst du selbst)
    • CMS-Schulung (setzt voraus, dass du das gewählte System bereits beherrschst)
    • Laufender Support nach dem Go-Live
    • Content-Einpflege

    Ablauf

    1. Staging-Setup auf dem Server
    2. Du setzt das Design im Staging um, parallel dazu wird das Kunden-Hosting eingerichtet
    3. Migration & Go-Live

    Voraussetzung

    Know-how im gewählten Setup, sowie Zugang zur Kundendomain und zum Kundenhosting für das Go-Live.

    Preis

    770,00 exkl. Ust.

    Bei Überschreitung der 4-Monats-Frist: 70,00 exkl. Ust. pro Monat für Hosting und Instandhaltung.

  • Vibe-Check

    Für Designer:innen & Agenturen mit fertiger Webseite

    • Prüfung einer bereits umgesetzten Webseite
    • Abgleich gegen Original-Design
    • Priorisierte Korrekturliste

    Ab 470,00

    Vibe-Check

    Für Designer:innen & Agenturen mit fertiger Webseite

    Leistungsumfang

    • Prüfung der umgesetzten Website gegen die ursprüngliche Design-Vorlage
    • Konkrete, priorisierte Korrekturliste
    • Begrenzt auf eine definierte Anzahl an Seiten/Screens

    Nicht enthalten

    • Umsetzung der Korrekturen selbst (optional als Folgeangebot buchbar)
    • Bugfixing oder technische Fehlerbehebung außerhalb des visuellen Scopes

    Ablauf

    1. Zugang zur Live-Website und zum Original-Design
    2. Review
    3. Übergabe der schriftlichen Korrekturliste mit Screenshots und Priorisierung

    Voraussetzung

    Zugang zur Live-Website sowie die Original-Design-Datei zum Abgleich.

    Preis

    LeistungPreis
    Einstiegspaket (Startseite inkl. Header/Footer + 2 Unterseiten, schriftliche Analyse, Besprechungstermin)470,00
    Jede weitere Unterseite90,00

    Preise exkl. Ust.

  • Support Extension

    Für Agenturen mit mehreren Kunden-Websites

    • Laufende Betreuung & Support bei inhaltlichen Änderungen
    • Änderungen & Erweiterung von bestehenden Elementen
    • Setzt ein laufendes Wartungspaket voraus

    Ab 190,00/Monat

    Support Extension

    Für Agenturen mit mehreren Kunden-Websites

    Leistungsumfang

    • Support bei inhaltlichen Änderungen (Text, Bilder, Preise)
    • Farbanpassungen
    • Zusätzliche Felder in bestehenden Formularen
    • Kleinere Layout-Änderungen innerhalb einer bestehenden Seite
    • Ergänzung eines bestehenden Design-/Inhaltselements (z. B. eine zusätzliche Info-Zeile oder ein Subheader)

    Nicht enthalten

    • Komplettes Redesign
    • Ausführliche strukturelle Neugestaltungen
    • Erstellung neuer Seiten
    • Erstellung neuer, eigenständiger Features oder Design-Elemente

    Preisstruktur

    GrößeUmfangPreis/Monat
    Sbis 5 Unterseiten190,00
    M6–12 Unterseiten340,00
    L13–24 Unterseiten590,00
    Individuellab 25 Unterseiten oder E-Commerceauf Anfrage

    Impressum, Datenschutz und AGB zählen nicht zur Seitenzahl.

    Preise exkl. Ust.

    Zahlung & Kündigung

    • Abrechnung monatlich, jeweils zu Monatsbeginn
    • Mindestlaufzeit 3 Monate, danach monatlich kündbar
    • Setzt ein laufendes Wartungspaket voraus

Wie läuft eine Zusammenarbeit ab?

  1. Erstkontakt & Kennenlernen

    In einem kurzen Gespräch klären wir, wo dein Projekt steht und welcher Service für dich passt. Buche dir gerne über Calendly einen Termin für unser Erstgespräch.

  2. Angebot oder Konzeption

    Ich erstelle dir ein Fixpreisangebot für die Full-Service-Umsetzung oder wir starten gemeinsam in die Konzeptionierung.

  3. Umsetzung

    Die technische Umsetzung folgt mit laufendem Abgleich, bis das Ergebnis wirklich dem Design und dem ursprünglichen Vibe entspricht.

  4. Übergabe

    Go-Live oder Übergabe an dich bzw. dein Team. Für laufenden Bedarf danach steht die Support-Extension bereit.

Lass uns über dein Projekt sprechen.

Häufige Fragen

Ausgangslage

  • Was, wenn mein Design noch nicht fertig ist?

    Dann beginnt die Zusammenarbeit nicht mit der Umsetzung, sondern mit der Konzepterstellung. Dieser Schritt schafft die Basis, auf der Design und technische Umsetzung danach aufbauen.

Technik & Umsetzung

  • In welchen Technologien setzt du um?

    Bevorzugt Laravel, Statamic, WordPress, Vue und Alpine.js. Welche Technologie zum Einsatz kommt, richtet sich nach dem Projekt. Entscheidend ist: Die Inhalte lassen sich danach einfach und ohne Umwege von dir oder deinem Team pflegen.

  • Setzt du Designs mit vorgefertigten Templates oder Baukastenelementen um?

    Nein. Jede Umsetzung wird individuell auf das übergebene Design abgestimmt. Es entstehen eigene Inhaltsmodule als native Komponenten, bedienbar in der Administrationsoberfläche, nicht zusammengeklickt aus einem Baukasten. Das Design bestimmt die Technik, nicht umgekehrt.

  • Was passiert mit Zuständen, die im Design nicht gezeigt sind?

    Nicht gezeigte Zustände werden im Sinne der bestehenden Vorlage ergänzt. Das betrifft typischerweise Hover-Zustände, Fehlermeldungen und Zwischengrößen zwischen zwei definierten Breakpoints. Die gesamte Umsetzung bleibt auf der vorgegebenen Designlinie.

  • Wird die Seite für SEO und KI-Systeme vorbereitet?

    Ja. Die technische Basis für SEO und GEO wird vollumfänglich geschaffen. Inhalte kommen von der Agentur.

  • Setzt du Barrierefreiheit um?

    Ja, in der Full-Service-Umsetzung auf Wunsch als zusätzlicher Leistungspunkt. Die Umsetzung folgt den geltenden Bestimmungen des jeweiligen Landes im DACH-Raum.

  • Wie schnell kann mein Projekt starten?

    Der Starttermin hängt von der aktuellen Kapazität ab und wird im Erstgespräch festgelegt.

Leistung & Abgrenzung

  • Erstellst du das Design mit, oder setzt du nur um?

    Die Full-Service-Umsetzung setzt ein fertiges Design voraus. Die Gestaltung ist nicht mit dabei. Fehlt noch die konzeptionelle Schärfe davor, ist die Konzepterstellung der passende Einstieg.

  • Was ist in der Full-Service-Umsetzung enthalten — und was nicht?

    Enthalten sind die vollständige technische Umsetzung des übergebenen Designs über alle Breakpoints, QA gegen die Vorlage, die technische Basis für SEO und GEO, Einschulung in das CMS sowie das Einpflegen der Inhalte, soweit sie für die Designelemente und Unterseiten nötig sind. Nicht enthalten: Konzeptarbeit, eigenständige Gestaltung, Content-Erstellung und Designänderungen nach Umsetzungsbeginn.

  • Sind die Korrekturschleifen begrenzt?

    Nein. Es wird so lange nachgeschärft, bis das Ergebnis der Design-Vorlage entspricht. Das gilt für die Umsetzung des übergebenen Designs — nicht für neue Gestaltungsentscheidungen danach.

  • Was passiert, wenn sich das Design nach Umsetzungsbeginn ändert?

    Nachträgliche Designänderungen sind nicht Teil des Fixpreises. Sie werden separat angeboten. Deshalb startet die Umsetzung erst mit einem finalen Figma-Stand.

Preis & Einstieg

  • Wie kommt der Fixpreis zustande?

    Der Fixpreis ergibt sich aus dem übergebenen Design: Seitenanzahl, Komplexität der Komponenten und Interaktionen. Die Aufwandsschätzung ist Teil einer einmaligen Analyse.

  • Was kostet die Aufwandsschätzung — und warum?

    Einmalig 360 Euro exkl. USt. Sie fließt in die Tiefe, mit der der Fixpreis gehalten werden kann. Bei Beauftragung wird der Betrag vollständig auf das Projekt angerechnet. Wird die Konzepterstellung gebucht, ist die Aufwandsschätzung darin enthalten — separate Kosten fallen dann nicht an.

  • In welchem Format muss das Design übergeben werden?

    In Figma. Komponenten wie Buttons zeigen alle Zustände. Eine vollständige Responsive-Ansicht ist kein Muss, macht den Handoff aber präziser.

Produkte

  • Wann ist Setup Support das richtige Produkt — und wann Full-Service?

    Setup Support, wenn du selbst umsetzt und nur die technische Basis brauchst: Staging, Grundkonfiguration, Performance, Go-Live. Full-Service, wenn ich das fertige Design vollständig umsetze.

  • Was genau liefert der Vibe-Check?

    Der Vibe-Check liefert den Abgleich der live umgesetzten Seite gegen die originale Design-Vorlage und eine priorisierte schriftliche Korrekturliste mit Screenshots. Die Umsetzung der Korrekturen ist nicht im Vibe-Check enthalten.

  • Setzt die Support Extension ein Wartungspaket voraus?

    Ja. Die Extension deckt laufende inhaltliche und kleinere layoutbezogene Änderungen ab, kein Redesign und keine neuen Seiten. Abrechnung monatlich, Mindestlaufzeit drei Monate.

Hosting & Betrieb

  • Bin ich an ein bestimmtes Webhosting gebunden?

    Nein. Der Go-Live erfolgt auf dem Hosting deiner Wahl oder dem deines Kunden. Besteht keine Präferenz, kann das Hosting auch über mich laufen. Bestehende Verträge müssen dafür nicht gekündigt werden.

  • Wo läuft die Website während der Entwicklung?

    Auf einem Staging-Server, den ich bereitstelle. Beim Setup Support ist diese Umgebung für bis zu vier Monate enthalten, bei der Full-Service-Umsetzung über den vereinbarten Entwicklungszeitraum.

Zusammenarbeit

  • Wie läuft eine Zusammenarbeit ab?

    Erstgespräch, dann Fixpreisangebot oder Konzeption, danach Umsetzung mit laufendem Abgleich, zum Schluss Go-Live oder Übergabe an dich bzw. dein Team.

  • Ist eine Einschulung in die Administration enthalten?

    Bei der Full-Service-Umsetzung ja, beim Setup Support nicht. Die CMS-Schulung gehört immer zur Full-Service-Umsetzung. Setup Support setzt voraus, dass du das gewählte System bereits beherrschst. Du setzt das Design selbst um, ich stelle die technische Basis.

  • Arbeitest du auch mit Kund:innen in Deutschland und der Schweiz?

    Ja. Ich sitze in Graz und arbeite remote im gesamten deutschsprachigen Raum. Für Unternehmen in Deutschland mit UID gilt das Reverse-Charge-Verfahren: Die Rechnung geht ohne österreichische Umsatzsteuer raus. Für Kund:innen in der Schweiz fällt keine österreichische Umsatzsteuer an.