Start
Lösungen
Websites

Lösung

Websites

Websites, die gut aussehen und konvertieren.

Die meisten Websites sind teuer und tun nichts. Unsere fangen bei deinen Kunden an: Was sie in tausenden Bewertungen loben und hassen, wird zum Narrativ deiner Seite. Dazu eine Nutzerführung mit einem Ziel und Tracking, das zeigt, was wirkt.

Projekt anfragen →Unser Prozess Projekte ansehen

BIO-CIRCLEBIONIC BESTCar Crash AcademyConvifyCorporate SmileDILLERKAVELLERASG AluminiumVolksbanken Raiffeisenbankenticket.ioSCOLUTIONSafestDEKRA

Kapitel 01 · Das Problem

Tausende Euro Anzeigen.
Dann passiert: nichts.

Die Anzeige läuft, die Leute klicken, landen auf deiner Website und sind wieder weg. Weil sie auf einer Seite landen, die genauso gut jedem anderen gehören könnte. Nichts darauf gibt ihnen einen Grund, jetzt zu kaufen. Das Problem ist selten die Anzeige. Es ist die Seite dahinter, die nie bei deinen Kunden angefangen hat.

Kapitel 02 · Unser Framework

Erst die Kunden.
Dann die Website.

Schritt 1Wir lesen, was deine Kunden sagen.
Bevor wir einen Pixel gestalten, analysieren wir tausende Google-Bewertungen aus deiner Branche. Was loben die Leute? Was regt sie richtig auf?
Schritt 2Daraus wird das Narrativ.
Genau das kommt nach oben auf deine Seite. Wer sie öffnet, liest seine eigenen Wünsche und denkt: Holy Shit, da muss ich anfragen.
Schritt 3Führen, messen, nachschärfen.
Die Nutzerführung zielt auf eine Handlung. Verhaltenstracking zeigt, wo Leute klicken, scrollen und abspringen. Daraus wird jede Woche die nächste Version.

Das zähltDas nervt

★★★★★

Super pünktlich und alles sauber hinterlassen.

★☆☆☆☆

Drei Mal angerufen, nie kam ein Rückruf.

★★★★★

Festpreis vorher, am Ende genau so bezahlt.

★☆☆☆☆

Am Ende fast doppelt so teuer wie gesagt.

★★★★★

Ehrlich beraten, nichts aufgeschwatzt.

★☆☆☆☆

Termin um 8, gekommen um 12.

Beispiel · Handwerksbetrieb · Google-Bewertungen

dein-betrieb.de

Beispiel · Handwerksbetrieb

Festpreis vorher. Pünktlich da. Rückruf am selben Tag.

Festpreis anfragen →

~~teuer~~ → Festpreis~~gekommen um 12~~ → pünktlich~~kein Rückruf~~ → Rückruf

„Holy Shit. Genau so einen suche ich.“

dein-betrieb.de

Festpreis vorher. Pünktlich da. Rückruf am selben Tag.

Festpreis anfragen →

Scrolltiefe 75 %
Klick: Festpreis anfragen
Formular gestartet
Version B: Button höher

Beispieldaten

Klingt irgendwie interessant?Dann lass uns einmal persönlich quatschen. 15 Minuten, kostenlos.

Gespräch vereinbaren →

Kapitel 03 · Erster Eindruck

Fünf Sekunden. Dann ist entschieden.

Bevor jemand scrollt, muss der sichtbare Teil drei Fragen beantworten. Fehlt eine, ist der Besucher weg.

1Was bietest du an?
2Ist das für mich?
3Was soll ich jetzt tun?

Kapitel 04 · Anatomie

Was eine Website zum Verkaufen braucht.

Sechs Dinge, die wir bei jeder Seite einbauen. Nicht als Deko, sondern als System.

Startseite der Bagaluten — Unsere eigene Startseite als Beispiel · Ladezeit beispielhaft

Handyansicht der Startseite — Unsere eigene Startseite als Beispiel · Ladezeit beispielhaft

1
Klare Headline
„Was Menschen wollen.“ Drei Wörter, und man weiß, worum es uns geht.
2
Beweise
Google-Bewertung und Agenturpreis gleich neben dem Button. Vertrauen, bevor jemand klickt.
3
Ein Ziel
Ein pinker Button, eine Handlung: Erstgespräch. Alles andere ist Nebensache.
4
Schnell
Bilder komprimiert, Video lädt erst bei Bedarf. Wer warten muss, ist weg.
5
Mobil zuerst
Die meisten kommen übers Handy. Darum entsteht die Handyansicht zuerst.
6
Messbar
Jeder Klick auf den Button landet als Ereignis im Tracking und im Dashboard.

Kapitel 05 · Technik

Schnell, gefunden, gemessen.

Design bringt Besucher zum Bleiben, Technik bringt sie überhaupt erst hin. Und Verhaltenstracking zeigt uns danach, was wirklich passiert. Unser Anspruch bei jedem Launch: grüne Werte in Googles Lighthouse-Test.

Ladezeit unter der Schmerzgrenze
Sauber für Google: Struktur, Meta, Sitemap
Verhaltenstracking: Klicks, Scrolltiefe, Abbrüche
CMS, damit ihr selbst Inhalte pflegt

96Performance

94Barrierefreiheit

100Best Practices

100SEO

Beispielwerte einer Startseite

0Google-Rezensionen aus deiner Branche

★★★★★ Gut

★☆☆☆☆ Schlecht

GA.★★★★★

Rückruf nach 10 Minuten. So muss das!

GB.★★★★★

Endlich mal ehrliche Preise.

GC.★★★★★

Super Beratung, kein Verkaufsgespräch.

GD.★★★★★

Termin online gebucht, alles easy.

GE.★★★★★

Die haben sich echt Zeit genommen.

GF.★★★★★

Schnell, freundlich, zuverlässig.

GG.★★★★★

Die Vorher-Nachher-Fotos haben überzeugt.

GH.★★★★★

Klare Ansage, klarer Preis.

GJ.★★★★★

Dreimal angerufen, nie jemand erreicht.

GK.★★★★★

Am Ende doppelt so teuer.

GL.★★★★★

Auf der Website steht nichts Konkretes.

GM.★★★★★

Wochen auf ein Angebot gewartet.

GN.★★★★★

Unfreundlich am Telefon.

GP.★★★★★

Kontaktformular funktioniert nicht.

GR.★★★★★

Versteckte Kosten auf der Rechnung.

GS.★★★★★

Keiner fühlt sich zuständig.

Was Kunden wirklich wollen

aus LobSchnelle Antwort
aus LobEhrliche Preise
aus LobPersönliche Beratung
aus FrustKein Warten auf Rückruf
aus FrustKeine versteckten Kosten
aus FrustTermin online buchen

Narrativ

„Bei uns weißt du nach 24 Stunden, woran du bist.“

Thread 1 · Tempo

24-h-Antwort-Versprechen
Rückruf-Timer im Formular
Button „Antwort in 24 h“

Thread 2 · Beweis

Bewertungs-Ticker im Hero
Vorher/Nachher-Slider
Kundenvideo vor dem Formular

Thread 3 · Klarheit

Festpreis-Badge
Preisrechner
Checkliste: So läuft’s ab

bagaluten.de

VideoHeadlineTextCTA

cta_erstgespraech_clickcta_cases_clicknav_projekt_anfragenscroll_depth_75

index.html

<section class="hero">
<video src="hero-agentur.mp4" muted loop></video>
<h1>Was Menschen <em>wollen.</em></h1>
<p>Wir sind die Bagaluten. …</p>
<a class="btn" href="kontakt.html"
data-track="cta_erstgespraech_click">
Kostenloses Erstgespräch →</a>
<a class="btn ghost" data-track="cta_cases_click">
Cases ansehen</a>
</section>
// Scrolltiefe, Sektionen und Formular messen
track("scroll_depth", [25, 50, 75, 100]);

Events · Beispieldaten

cta_erstgespraech_click0
nav_projekt_anfragen0
scroll_depth_750
form_submit0

Eine Website, die nicht misst, rät nur.

01/07Arbeitsschritt · Analyse

Wir lesen, was deine Kunden sagen.

Bevor wir eine Zeile gestalten, analysieren wir Unternehmen aus deiner Branche: ihre Google-Profile und über 3.000 Rezensionen. Was loben Kunden? Worüber regen sie sich auf? Das ist ehrlicher als jede Umfrage.

02/07Arbeitsschritt · Bedürfnisse

Lob und Frust, sauber sortiert.

Jede Rezension landet auf einem Stapel: gut oder schlecht. Aus Mustern, die immer wieder auftauchen, leiten wir ab, was Kunden in deiner Branche wirklich wollen. Zum Beispiel eine schnelle Antwort statt Warteschleife.

03/07Arbeitsschritt · Narrativ

Eine Geschichte, die hängen bleibt.

Aus den Bedürfnissen entsteht ein Narrativ: das eine Versprechen, das deine Website trägt. Dazu Novelty Threads, kleine Haken, die beim Scrollen immer wieder auftauchen und sagen: Das brauche ich.

04/07Arbeitsschritt · Sitemap

Jeder Weg führt zum Lead.

Wir planen Seiten und Nutzerflüsse, bevor wir gestalten. Egal ob jemand über Leistungen, Cases oder „Über uns“ kommt: Jeder Pfad endet bei einer Anfrage oder einem Kauf.

05/07Arbeitsschritt · Layout

Erst grob, dann exakt.

Im Wireframe klären wir nur: Wo steht ein Bild, wo Text, wo der Button? Erst wenn die Struktur sitzt, wird daraus pixelgenau das Design.

06/07Arbeitsschritt · Code

Dann wird programmiert.

Sauberer Code, schnelle Ladezeiten und ein CMS, mit dem ihr Inhalte selbst pflegt. Jeder wichtige Button bekommt dabei schon seine Messmarke.

07/07Arbeitsschritt · Tracking

Was nicht gemessen wird, wird geraten.

Tracking auf Seiten, Sektionen und Buttons zeigt, wo Besucher klicken, wie weit sie scrollen und wo sie abspringen. So wird die Website nach dem Launch jeden Monat besser.

Scroll, um zu sehen, wie eine Website bei uns entsteht ↓