W Webflow Agentur

Webflow website erstellen lassen

Entwicklung autonomer Web-Infrastrukturen durchAPI-Integration und systematische UX-Architektur.

5+

Länder – Projekte umgesetzt

99,9%

Uptime auf AWS-Infrastruktur

DSGVO

& TKG 2021 konform

Wien.

Made in Austria seit 2025

Screenshot of web design interface showing a natural-sounding AI voice assistant headline and demo button.
Das Problem

Was Ihre Website heute ausbremst

Frustrierte Unternehmerin wartet am Laptop auf Website-Änderungen durch externen Entwickler

Abhängigkeit von Entwicklern

Kleine Text- oder Bildänderungen erfordern oft teure Entwickler und blockieren Ihr Marketing-Team unnötig. Jede Anpassung wird zum Ticket — Tage Wartezeit für eine Zeile Text.

Gesprungener Bildschirm mit roter Warnmeldung als Sinnbild für Sicherheitslücken durch veraltete Website-Plugins

Sicherheitslücken & Plugins

Veraltete Plugins in klassischen CMS sind oft Einfallstore für Cyberangriffe und erfordern ständige Wartung. WordPress-Seiten werden täglich tausendfach automatisiert angegriffen.

Richterhammer auf Gesetzbuch als Symbol für rechtliche Risiken durch fehlerhaftes Tracking nach TKG 2021 und DSGVO

Risiko Tracking & TKG 2021

Alte Systeme erschweren legales Tracking (Google, TikTok). Hohes Bußgeldrisiko gemäß § 165 TKG 2021 (ehem. § 96 TKG 2003). Korrekte Cookie-Einbindung ist keine Option — sie ist Pflicht.

Standard. Kein Aufpreis.

Sauber gebaut — sauber gelesen

Jede Website, die wir bauen, verwendet HTML-Tags korrekt und ohne Kompromisse. Das bedeutet: die Website startet bereits beim Launch mit einem halben SEO inkludiert. Suchmaschinen-Robots können Struktur und Inhalt perfekt lesen und interpretieren.

  • <main>
  • <header>
  • <footer>
  • <nav>
  • <section>
  • <article>
  • <aside>
  • <address>
  • <figure>
  • <list>

Tabellen werden nicht als Layoutmittel missbraucht — sie werden vollständig semantisch strukturiert:

  • <table>
  • <caption>
  • <thead>
  • <tr>
  • <th>
  • <td>
  • <tbody>
  • <tfoot>

SEO wird durch AEO (Answer Engine Optimization) und GEO (Generative Engine Optimization) abgelöst. ChatGPT, Perplexity, Google AI Overviews — all diese Systeme lesen semantisches HTML. Wer heute keine saubere HTML-Struktur hat, wird von den nächsten Updates dieser KI-Systeme nicht korrekt interpretiert oder schlicht ignoriert. Die Frage ist nicht ob — sondern wann Ihre Konkurrenz diesen Vorteil nutzt.

Code-Editor mit korrekt eingerücktem semantischen HTML5-Markup als Grundlage für SEO und AEO-Optimierung
Plattform-Vergleich

Warum Webflow. Nicht WordPress. Nicht Wix.

Webflow ist kein Baukasten. Es ist ein visuelles Development-Tool für grenzenlose, maßgeschneiderte Architektur — ohne Plugin-Abhängigkeit, ohne Sicherheitslücken, ohne eigenen Server.

PlattformDesign-FreiheitSicherheitCMSWartungsaufwand
Webflow ★Grenzenlos — kein Template-Lock, pixel-perfektEnterprise (SOC2 Type II), kein Plugin-RisikoVisuell, direkt auf der Live-Site bearbeitbarKeine Patches, kein eigener Server, kein Update-Stress
WordPressPage-Builder + Plugins nötig, oft limitiertPlugin-Angriffe täglich, ständige Updates nötigGut, aber komplex und fehleranfälligHoch — Plugins, Core-Updates, Backups, Security
WixTemplate-gebunden, Hobby-LevelMittel, kein Custom-Code-RisikoEinfach, aber sehr limitiertNiedrig, aber kein Skalierungspotenzial
SquarespaceLimitierte Templates, kaum Custom-CodeGutEinfachNiedrig, aber kein Custom-Code ohne Workaround
FramerSehr stark für StartupsGutBegrenzt, schwaches CMS für komplexe InhalteNiedrig, aber keine Enterprise-CMS-Lösung
Die Lösung

Was Sie bekommen

Intuitives Visual CMS

Ihr Team ändert Texte und Bilder direkt auf der Live-Website (On-Page), so einfach wie in einem Word-Dokument. Kein Entwickler-Ticket, keine Wartezeit. Neue Inhalte — Doppelklick, bearbeiten, publizieren.

Semantischer Code & Tags

Korrekte HTML-Tags (<header>, <nav>, <main>, <section>) helfen Google, Struktur und Kontext Ihrer Inhalte perfekt zu verstehen — und KI-Systeme wie ChatGPT, Perplexity und Gemini zitieren Sie korrekt.

Kein Lock-in Effekt

Die Website gehört Ihnen. Jeder vertrauenswürdige Webflow-Entwickler kann das Projekt jederzeit übernehmen. Aufgebaut auf Finsweet Client First — ein Standard, den jede Webflow-Agentur weltweit kennt und beherrscht.

All-in-One App Integration

Nahtlose Anbindung an tausende Apps über native Cloud und offene APIs: Buchungssysteme, CRMs, Newsletter-Tools, Analyse-Dashboards. Ihre Website als zentrale Schaltzentrale.

Webflow CMS

Ihre Website. Ihr Inhalt. Ihre Regeln.

Mit dem visuellen Webflow CMS verwaltet Ihr Team Inhalte direkt auf der Live-Website — ohne Schulung, ohne Ticket, ohne Wartezeit. Doppelklick, bearbeiten, publizieren. Was früher ein Entwickler brauchte, macht heute Ihre Assistenz.

Unternehmerin bearbeitet Website-Inhalte selbstständig am Tablet im Café — visuelles Webflow CMS ohne Entwickler
Blog & Redaktion

Eine eigene Zeitung

Artikel schreiben, Kategorien verwalten, Autoren zuweisen, Bilder hochladen — alles im visuellen Editor, direkt auf der Live-Site. Kein WordPress-Admin-Labyrinth, keine FTP-Uploads, kein Einschulungstag. So einfach wie Google Docs — aber live auf Ihrer Domain. Regelmäßige Publikationen verbessern nachweislich das Google-Ranking.

Inklusive im Standard-CMS

Stellenangebote

Neue Position online stellen, Bewerbungsdeadline setzen, geschlossene Stelle deaktivieren — alles mit Doppelklick. Keine Plugin-Abhängigkeit, keine Agentur-Anfrage. Heute offen, morgen besetzt.

Selbst verwaltbar

Veranstaltungen & Events

Seminare, Messen, Workshops, Webinare — Datum, Ort, Anmeldelink, Beschreibung direkt im CMS. Vergangene Events automatisch ausblenden, zukünftige hervorheben.

Events

Produkte & Preislisten

Produkte, Preise, Beschreibungen, Varianten — alles selbst aktualisierbar. Kein Entwickler für eine Preisänderung.

Produkte

Keine Einschulung nötig

Das CMS funktioniert wie eine einfache App. Kein Technikwissen erforderlich. Ihr Team ist in 20 Minuten startklar — wir erklären es einmal, beim Launch.

Intuitiv
Hand in schwarzem Handschuh hält Smartphone mit Projektbesprechung und Kalender für Mai 2026.
Online-Buchung

Terminbuchung mit cal.com

Kunden buchen Erstgespräche direkt auf Ihrer Website — ohne Telefonanruf, ohne E-Mail-Ping-Pong, ohne Agentur-Zwischenstelle. Wir integrieren cal.com: Open-Source, DSGVO-konform, auf Wunsch selbst gehostet oder als Cloud-Lösung.

  • Verfügbarkeit in Echtzeit — kein Doppelbuchungsrisiko

  • Automatische Bestätigung und Kalender-Sync (Google, Outlook, Apple)

  • Use Cases: Erstgespräch / Projektbriefing / Consulting / Beratungstermin

Unser Ansatz

Transparent. Klar. Ohne Überraschungen.

Figma-Mockup eines Website-Designs mit Desktop-, Tablet- und Mobile-Ansicht zur Freigabe vor Entwicklungsstart

Design in Figma

Jeder Bildschirm wird in Figma gebaut und freigegeben, bevor eine Zeile Code entsteht. Keine Überraschungen beim Entwicklungsstart. Sie sehen Desktop, Tablet und Mobile — in Originalfarben, Originalschriften, Originalinhalt.

Browser-Mockup einer Webflow-Staging-Subdomain projekt.webflow.io für transparente Live-Entwicklung vor dem Launch

Entwicklung auf Subdomain

Die neue Website läuft auf [projekt].webflow.io — der Kunde kann live sehen, wie sie entsteht. Kein Blindflug bis zum Launch. Testen auf echten Geräten, kommentieren, freigeben.

Mockup mit zwei parallel laufenden Browser-Fenstern — alte Website online während neue Webflow-Site auf Subdomain entsteht

Alte Site bleibt online

Die bisherige Website läuft unverändert weiter — kein Baustellen-Banner, keine Ausfälle, keine Panik. Ihre Kunden sehen nichts. Umstellung auf die neue Domain erst bei vollständiger Freigabe durch Sie.

Bitwarden-Vault-Mockup mit verschlüsselten Zugangsdaten, DNS-Credentials und 2FA-Codes zur sicheren Projekt-Übergabe

Sichere Übergabe via Bitwarden

Alle Credentials, DNS-Zugänge, 2FA-Codes und Dashboard-Zugänge werden via Bitwarden Families sicher übergeben. End-to-End verschlüsselt — kein Transfer per Chat, kein Screenshot, kein Notizzettel.

Tracking & Datenschutz

GDPR-konform. Von Anfang an.

Cookie-Consent ist kein Afterthought — es ist der erste Code, der auf Ihrer Website läuft. Wir implementieren das vollständige GTM/GA4-Ökosystem nach Google Consent Mode v2 — korrekt aufgebaut, rechtssicher, und zukunftsfähig. Kein nachträglicher Einbau. Kein Bußgeldrisiko.

01

Sauber trennen. Sauber verwalten.

Die größte Fehlerquelle in digitalen Projekten ist das Vermischen von Konten und Containern. Für ein professionelles, sauberes und juristisch abgesichertes Setup muss die Struktur strengen Regeln zur Datenisolierung folgen.

Google Analytics 4

Die ideale Struktur folgt der Hierarchie: Organisation (Firma) → Konto → Property (Eigenschaft).

  • Goldene Regel: Jede Firma / jeder Kunde erhält sein eigenes GA4-Konto. Niemals werden Websites verschiedener Firmen unter demselben Konto zusammengefasst.

  • Property (Eigenschaft): Repräsentiert den Datenstrom einer Website (z.B. krond.at). Hat eine Firma eine Präsentationssite und eine separate mobile App, sind beide unterschiedliche Properties unter demselben Firmenkonto.

Google Tag Manager

Die ideale Struktur folgt der Hierarchie: Konto (Firma) → Container (spezifische Site).

  • Kunden-Isolierung: Jede Firma erhält einen eigenen GTM-Account.

  • Container: Im Inneren des Firmenkontos wird für jede Plattform ein Container angelegt (z.B. ein Web-Container für die Hauptsite, ein Server-Side-Container falls nötig).

Zugriffs-Matrix

PlattformLevelRolle
GA4 (Property)EditorAudiences & Conversions, kein Konto-Delete
GTM (Container)PublishTags erstellen, testen, live veröffentlichen

Sicherheitshinweis

Der rechtliche Eigentümer der Firma muss immer Super-Administrator sein — auf Kontoebene in GA4 und GTM. Alle anderen Mitarbeiter:innen und Agenturen erhalten Rechte ausschließlich auf Property/Container-Ebene. Keine Ausnahme.

Google Analytics 4 Dashboard mit Konto- und Property-Hierarchie als Grundlage einer sauberen Tracking-Architektur
02

Richtig installiert. Sofort messend.

Bevor wir über Cookies sprechen, muss GTM korrekt mit der Website-Plattform (Webflow, WordPress, Custom Code etc.) verbunden sein.

Schritt 1 — Code einbinden

  • Head-Snippet: Wird so weit oben wie möglich im <head> der Seite platziert. Kritisch: Je früher der Code lädt, desto schneller starten die Messungen.

  • Body-Snippet (noscript): Wird direkt nach dem öffnenden <body>-Tag eingefügt. Läuft nur, wenn der Nutzer JavaScript deaktiviert hat.

  • Webflow-spezifisch: Project Settings → Custom Code → Head-Code (GTM head snippet) und Before </body>(GTM noscript).

Schritt 2 — GA4 ID sicher speichern

In GTM: Variables → User-Defined Variables → New → Typ: Constant → GA4 Measurement ID eintragen (z.B. G-XXXXXXXXXX) → Variable umbenennen:

{{CONST - GA4 ID}}

Diese Konstante wird in allen Tags referenziert — niemals die ID direkt in Tags eintippen. Eliminiert Tippfehler und vereinfacht spätere ID-Änderungen auf einen Schritt.

DSGVO-konformer Cookie-Consent-Banner mit Akzeptieren- und Ablehnen-Optionen nach Google Consent Mode v2
03

Consent zuerst. Alles andere danach.

Das CMP (Consent Management Platform) agiert als Türsteher für die gesamte Site. Es blockiert alle Tracking-Codes, bis der Nutzer seine Entscheidung getroffen hat.

Schritt 1 — Template aus GTM Gallery

GTM → Templates → Tag Templates → Search Gallery → offizielles Template des CMP-Anbieters suchen → Add to workspace.

Community Templates werden von Google auditiert und geprüft — deutlich sicherer als roher Custom HTML Code.

Schritt 2 — Tag anlegen

  • Tag-Name: CMP - Base Configuration

  • Tag Configuration: frisch heruntergeladenes CMP-Template auswählen

  • Einstellungen: API-Key oder Script-URL der Consent-Plattform in das dafür vorgesehene Feld eingeben

Schritt 3 — Standard-Consent (vor dem ersten Klick)

Innerhalb des Tags wird der initiale Zustand der Website definiert — bevor der Nutzer irgendetwas angeklickt hat. Für DSGVO-Konformität müssen die Regeln streng sein:

  • x

    ad_storage — Cookie-Werbung: Denied

  • x

    analytics_storage — Analyse-Cookies: Denied

  • x

    ad_user_data : Denied

  • x

    ad_personalization : Denied

Schritt 4 — Der kritische Trigger

In der Triggering-Sektion des CMP-Tags: Consent Initialization - All Pages (blaues Schild-Icon) auswählen.

Warum? Dies ist der schnellste Trigger in GTM. Er erzwingt, dass das Cookie-Banner vor jedem anderen Element der Site läuft — und den "Denied"-Status setzt, bevor Google Analytics auch nur die Möglichkeit hat, die Seite zu prüfen.

Code-Editor mit GTM Head-Snippet JavaScript zur korrekten Installation des Google Tag Managers in Webflow Custom Code
04

Messen. Respektieren. Verstehen.

Nachdem das CMP die Sicherheitsregeln etabliert hat, kann das Google Analytics Tracking-Tag eingebracht werden — in der richtigen Reihenfolge.

Schritt 1 — GA4 Tag erstellen

  • Tags → New

  • Tag-Name: GA4 - Config - Base

  • Tag Configuration: Google Analytics → Google Tag

  • Tag ID: Konstante {{CONST - GA4 ID}} auswählen (aus Phase 02)

Schritt 2 — Der richtige Trigger

Triggering: Initialization - All Pages (Power-Icon) auswählen — NICHT "All Pages".

Warum nicht "All Pages"? Initialization läuft direkt nach Consent Initialization. Die Reihenfolge ist dadurch garantiert:

  • 01

    CMP läuft — setzt "Alles gesperrt" (Denied)

  • 02

    GA4 startet — sieht die Sperrung und wartet höflich auf die Nutzer-Interaktion

  • 03

    Nutzer klickt "Akzeptieren" — Consent-Signal wird gesendet

  • 04

    GA4 beginnt zu messen

Google Analytics 4 Reporting-Dashboard mit Echtzeit-Nutzern und Event-Tracking nach erfolgreichem Consent-Setup
05

Kein Live ohne QA.

Ein gespeichertes Setup ist kein funktionierendes Setup. Der QA-Prozess ist nicht optional — er ist der Unterschied zwischen einer rechtssicheren und einer fehlerhaften Implementierung.

Schritt 1 — Preview Mode (Tag Assistant)

GTM → Button Preview (oben rechts) → URL der Site eingeben → im Debug-Fenster die Ereignisliste links beobachten.

Auf Consent Initialization Event klicken:

  • Tag CMP - Base Configuration erscheint unter "Tags Fired"

  • Tag GA4 - Config - Base darf hier NOCH NICHT gefeuert sein

Nach Klick auf "Akzeptieren" — auf Consent Event klicken:

  • Im Consent-Tab des GTM ändern sich die Status von Denied auf Granted

  • Tag GA4 - Config - Base erscheint jetzt unter "Tags Fired"

Schritt 2 — Live schalten

Preview schließen → Button Submit (blau, oben rechts) klicken.

Versionstitel (Best Practice): "v1.0 - GA4 + CMP nach DSGVO, Consent Mode v2 implementiert"

Kurzbeschreibung der erstellten Tags hinzufügen. Dieser Versionsverlauf rettet Projekte, wenn später Fehler auf der Site auftauchen und ein Rollback auf eine frühere Version nötig wird.

→ Publish klicken. Ab diesem Moment ist die Architektur live für alle Besucher.

Google Tag Assistant im GTM Preview Mode mit Liste gefeuerter Tags und Consent-Status zur QA-Prüfung vor dem Launch
Im Überblick

8 Gründe, die entscheiden

Alles selbst verwalten

Beiträge, Produkte, Stellen, Events — Doppelklick, bearbeiten, publizieren. Kein Technikwissen notwendig.

Kein Wartungsaufwand

Backend läuft bei Webflow, kein eigener Server, keine Patches, keine Updates, kein Backup-Management.

Kein Sichtbarkeitsverlust

Alle bestehenden URLs korrekt via 301-Redirect weitergeleitet. Regelmäßige Publikationen verbessern das Google-Ranking nachweislich.

Sauber lesbar für Google und KI

Semantische HTML-Struktur sorgt für korrekte Google-Indexierung und korrekte Zitierung durch KI-Systeme (AEO + GEO).

Cookie-Consent inklusive

DSGVO-konform integriert nach Consent Mode v2 — kein nachträglicher Einbau, kein Bußgeldrisiko gemäß § 165 TKG 2021.

Offen für jede Agentur

Aufgebaut auf Finsweet Client First — Code-Standard, den jede Webflow-Agentur weltweit kennt und sofort übernehmen kann.

Alte Site bleibt bis zum letzten Tag

Kein Baustellen-Banner, keine Ausfälle, keine Sichtbarkeitslücke. Domain-Umstellung erst nach ausdrücklicher Freigabe.

6 Monate Gewährleistung

Technische Fehler nach Abnahme werden kostenfrei korrigiert. Alle Zugänge vollständig übergeben.

Technologie
Die Tools hinter jeder Website
Finsweet Client First
Google Tag Manager
Figma
Tally
Photoshop
Cal.com
Lightroom
Envato
unspash
Illustrator
Notion
Finsweet Client First
Google Tag Manager
Figma
Tally
Photoshop
Cal.com
Lightroom
Envato
unspash
Illustrator
Notion
Finsweet Client First
Google Tag Manager
Figma
Tally
Photoshop
Cal.com
Lightroom
Envato
unspash
Illustrator
Notion
Referenz

Superb Aerospace Technologies

Laptop screen showing Superb Aerospace Technologies site about tracking aviation parts and assets.

Aviation Asset Management

Unser Ansatz

Transparent. Klar. Ohne Überraschungen.

Etwas außerhalb des Website-Projekts — aber für jede Kanzlei, jede Agentur, jedes Unternehmen mit mehr als zwei Mitarbeiter:innen relevant: Wenn Passwörter und Zwei-Faktor-Codes per WhatsApp weitergegeben oder auf Notizzetteln notiert werden, gibt es seit Jahren eine elegantere Lösung.

Bitwarden Teams

4 $ pro Monat / pro Nutzer:in bei jährlicher Abrechnung

Synchronisation auf allen Geräten

Desktop, Laptop, Tablet, Telefon, jeder Browser — alle haben dieselbe, aktuelle Passwort-Quelle. Kein "Welches war nochmal das aktuelle?" mehr.

End-to-End verschlüsselt

Selbst bei einem Servereinbruch bei Bitwarden bleiben Ihre Passwörter für jeden außer Ihnen unlesbar. Zero-Knowledge-Architektur — Bitwarden selbst kann Ihre Daten nicht entschlüsseln.

Gleiche Logik wie Chrome oder Edge — nur mächtiger

Funktional ist es genau das, was Sie kennen, wenn Chrome oder Edge ein Passwort speichert. Nur mit deutlich mehr Können dahinter: Freigabe-Kontrolle zwischen Teammitgliedern, Notfall-Zugang, Audit-Log, Zwei-Faktor-Codes direkt integriert.

Sicherer Übergabeprozess inklusive

Wenn das Webprojekt abgeschlossen ist, übergeben wir alle Credentials, DNS-Zugänge und 2FA-Codes über einen geteilten Bitwarden-Vault — kein Screenshot, kein WhatsApp-Chat, kein Notizzettel. Wir richten den Vault auf Wunsch als Teil der Domain-Übergabe ein.

Bankschließfach mit Schlüsselübergabe als Sinnbild für die sichere Übergabe von Credentials und 2FA-Codes über einen verschlüsselten Bitwarden-Vault