Handbuch zur Webseite · live seit 29. September 2026
Was auf deiner Seite passiert und warum, wie Anfragen zu dir kommen und was du tust, wenn mal etwas hängt. Hinter fast jeder Stelle steckt eine bewusste Entscheidung, abgestimmt auf deine Kunden, auf Google und auf möglichst wenig Pflege. Wo sie für dich wichtig ist, steht das Warum gleich dabei. Zum einmal Durchlesen und später Nachschlagen.
Hinter der sichtbaren Seite arbeiten fünf weitere Teile. Alle laufen in deinem eigenen Cloudflare-Konto.
Showreel, sechs Projekte, Equipment, Behind the Scenes und Kontakt auf einer Seite.
02Alle Filme in mehreren Qualitätsstufen. Kein Franken pro Aufruf, egal wie oft sie laufen.
03Ein Chat, der nachts Fragen beantwortet und aus einem Gespräch eine fertige Anfrage macht.
04Eigene Adresse. Formular und Chat schicken direkt dorthin.
05Ohne Cookies gemessen. Abgefragt wird im Gespräch mit Claude statt in einem Dashboard.
06Prüft alle fünf Minuten, ob alles läuft, und schreibt dir, bevor es ein Kunde merkt.
Keine Menüs, keine Unterseiten zum Durchklicken. Eine Seite, die beim Scrollen erzählt: was du machst, wer du bist, wie es abläuft, für wen du schon gearbeitet hast. Am Ende steht der Kontakt.
Eine Drohne im Drahtgitter hebt ab, nach rund vier Sekunden öffnet sich die Seite. Das passiert nur beim ersten Besuch.
Warum: In diesen Sekunden lädt das Showreel vor. Ohne Vorspann wäre die Seite schneller da, aber das Video würde am Anfang ruckeln.
Es startet von selbst und stumm. Unten links schaltet ein Knopf den Ton ein, und zwar für die ganze Seite: danach laufen auch die Projektfilme mit Ton.
Warum stumm: Browser blockieren Videos, die ungefragt Ton abspielen. Mit Ton würde das Showreel bei vielen Besuchern gar nicht erst starten.
Warum manchmal kurz unscharf: Es liegt in drei Qualitätsstufen bereit, und der Browser wählt passend zur Leitung. Flüssig geht vor scharf. Nach ein paar Sekunden schaltet es von selbst hoch.
AnsehenDirekt unter dem Video steht dein Leitsatz über die volle Breite: Aufnahmen, die technisch überzeugen und emotional treffen. Zwei Perspektiven heisst Drohne und Kamera aus einer Hand.
Drei Projekte als grosse Karten im Hochformat. Die mittlere spielt ihren Kurzclip ab, die anderen zeigen ein Standbild. Schieben geht mit Maus oder Finger, geöffnet wird über «Zum Projekt».
Warum nur eine spielt: Drei Videos gleichzeitig wären unruhig und machen Handys heiss. Die Standbilder sind so gewählt, dass man das Projekt auch ohne Titel erkennt.
AnsehenEin Projekt öffnet sich über der Seite: grosser Film, daneben Kunde, Leistung und Format, darunter die Bildstrecke. Alle sechs Projekte, also auch Darts, Pilates und Pinado, stehen zusätzlich auf der Projektseite. Von dort kannst du jemandem den Link zu genau einem Projekt schicken.
Projektseite öffnenDein eigener Text mit dem Bühnenfoto und dem Drohnenbild aus dem Wankdorf. Zwei Absätze sind sichtbar, zwei weitere klappen über «Mehr über Luca» auf. Darunter die Fakten: 4K, eine Ansprechperson, Antwort innert 24 Stunden.
AnsehenSony Alpha 7 IV, DJI RS4 Gimbal, GoPro Hero 13 Black, DJI Osmo Pocket 3, Cinelog 30 V3, Helion 10 inch und DJI Avata 2. Ein Klick auf ein Gerät zeigt zuerst, wofür du es einsetzt, dann die technischen Daten.
Gut zu wissen: Die Gerätebilder sind mit KI erstellt. Sie zeigen deine echten Geräte, sind aber keine Fotos, und du darfst sie frei verwenden.
Ansehen20 Fotos von dir bei der Arbeit als langsam laufende Bilderwand. Jedes lässt sich gross öffnen.
Warum: Ein fertiger Film kann von irgendwem sein. Diese Bilder zeigen, dass da wirklich jemand mit Drohne auf dem Feld steht. Das schafft Vertrauen, bevor jemand anfragt.
Vier Schritte als Zeitstrahl. Wer noch nie ein Video in Auftrag gegeben hat, sieht hier, was auf ihn zukommt, und traut sich eher zu fragen.
Schwingfest Wankdorf, Hotel Schützen, Ambiente Fitness, Pinado, DJ Black und die Gemeinden Arni und Zäziwil laufen als Band über die Seite. Kundenzitate gibt es bewusst keine: ein Zitat darf nur mit schriftlicher Freigabe der Person online.
Ein Formular mit wenigen Pflichtfeldern, daneben E-Mail, WhatsApp, Instagram und YouTube. Unten rechts wartet der Assistent.
Warum Pflichtfelder: «Was kostet ein Video?» und sonst nichts heisst zwei Rückfragen, bevor du überhaupt weisst, worum es geht. So kommt eine Anfrage, mit der du sofort arbeiten kannst.
Ob jemand das Formular ausfüllt oder im Chat eine Anfrage abschickt: sie kommt als E-Mail an info@haenggeliproductions.com. Du antwortest direkt darauf, wie auf jede andere Mail. Die Seite selbst speichert nichts.
Wichtig: Die «Intelligenten Filter» in Zoho müssen ausgeschaltet bleiben (Zahnrad, E-Mail, Intelligente Filter). Sonst sortiert Zoho automatische Mails wie Anfragen still in Nebenordner.
Er kennt deine Leistungen, deine Projekte und deine Arbeitsweise und beantwortet Fragen dazu, auch um Mitternacht. Während der Besucher schreibt, entsteht unten im Chat seine Anfrage an dich: ein paar persönliche Sätze, die Eckdaten wie Was, Ort und Zeitraum auf einen Blick und die Fragen, die nur du beantworten kannst. Der Besucher kann sie jederzeit lesen, ändern und abschicken. Duzt er im Chat, beginnt sie mit «Hallo Luca», sonst mit «Guten Tag Herr Hänggeli».
Was er nicht tut: Preise nennen, Termine zusagen, Gespräche speichern oder etwas bestätigen, das weder auf deiner Seite steht noch von dir freigegeben ist. Weiss er etwas nicht, sagt er das offen und nimmt die Frage für dich in die Anfrage auf.
AusprobierenAlle führen auf deine Startseite. In den Zahlen steht danach aber «kam über Instagram» statt «kam von irgendwo». Also: in die Instagram-Bio den Instagram-Link, in WhatsApp den WhatsApp-Link.
haenggeliproductions.com/ig | |
haenggeliproductions.com/wa | |
haenggeliproductions.com/li | |
| YouTube | haenggeliproductions.com/yt |
Statt eines Dashboards stellst du Fragen. Die Verbindung ist in deinem Claude-Konto eingerichtet:
Echte Zahlen erkennst du daran, dass Claude sichtbar das Werkzeug «Hänggeli Website-Zahlen» aufruft. Eine Antwort ohne diesen Abruf ist geraten.
https://stats.haenggeliproductions.com/mcp.Mit derselben Adresse lässt sich die Verbindung auch in Claude neu anlegen: Anpassen, Connectors, Add custom connector.
Google hat deine Seite vollständig aufgenommen. Damit ist der allergrösste Teil abgedeckt: Weltweit laufen rund 90 Prozent aller Suchanfragen über Google, über Bing 3 bis 5 Prozent. Dass es bei Google so schnell ging, liegt wahrscheinlich auch daran, dass dein Google-Unternehmensprofil, dein Instagram und die Seite aufeinander verweisen und sich gegenseitig stützen.
Bing ist kleiner und liest neue Seiten langsamer ein. Es zählt trotzdem mehr, als sein Anteil vermuten lässt: Microsoft Copilot und die Websuche von ChatGPT holen ihre Treffer über Bing. Jede neue Veröffentlichung meldet die Seite Bing automatisch. Treffer deiner früheren Webseite verschwinden dort mit der Zeit von selbst, und wer einen anklickt, landet schon jetzt auf der passenden neuen Seite.
Seitentitel und Texte nennen, wonach Kunden suchen: Drohnenpilot, Drohnenaufnahmen und Videoproduktion in Bern und im Emmental. Was Suchmaschinen und KI-Assistenten zusätzlich im Hintergrund lesen, steht unter Technik.
Dafür gibt es die Nutzungsbewilligung als Vorlage im Übergabe-Ordner. Darin hältst du fest, welches Material, wofür, wo, wie lange und ob es etwas kostet. Beide unterschreiben, du bewahrst sie auf. Ohne Bewilligung darf niemand dein Material nutzen, und genau das steht auch auf deiner Seite.
Für grosse Werbekampagnen oder exklusive Rechte lohnt sich einmal der Blick einer Fachperson. Die Vorlage ist sorgfältig gemacht, aber keine Rechtsberatung.
Den fertigen Film, auf Wunsch einen Kurzclip im Hochformat für die Startseite, ein paar Fotos, Kunde, Leistung und zwei Sätze zum Projekt. Dazu die Freigabe des Kunden, dass du es zeigen darfst. Bis Ende 2026 sind drei neue Projekte im Support enthalten.
Wo eine Adresse stehen muss, steht deine gemietete Geschäftsadresse: c/o JL Consulting Group GmbH#1667, Zürcherstrasse 84, 8852 Altendorf. Post dorthin nimmt adresse-mieten.ch für dich an. Deine Wohnadresse ist so nirgends öffentlich.
Die Geschäftsadresse steht im Impressum, in der Datenschutzerklärung, in der Vorlage der Nutzungsbewilligung und unsichtbar in den Firmenangaben für Google. Ziehst du um oder kündigst du das Abo bei adresse-mieten.ch, wird sie an diesen Stellen ersetzt. Das ist eine kleine Änderung, die Florian oder ein KI-Assistent im Webseiten-Ordner in wenigen Minuten erledigt.
Alle fünf Minuten prüft die Überwachung Seite, Chat und Formular, die KI mindestens einmal pro Stunde. Hängt etwas, bekommst du eine Mail. Und wenn es wieder läuft, eine Entwarnung.
30 Minuten abwarten, meistens erledigt es sich. Hält es an, melden (Kontakt). Ob Cloudflare selbst eine Störung hat, steht auf cloudflarestatus.com ↗.
Melden. Bis dahin im Postfach schauen, ob Anfragen trotzdem ankommen. Während der Störung fehlgeschlagene Anfragen werden später nicht automatisch nachgeschickt.
Meist ist das Guthaben für den Assistenten aufgebraucht, dann kommt auch eine Warnmail. Aufladen kannst du es in Cloudflare unter AI, AI Gateway ↗, danach antwortet er sofort wieder. Das Formular funktioniert in der Zwischenzeit normal.
Das ist die Tagesbremse gegen automatisierte Massenanfragen: höchstens 300 Antworten pro Tag insgesamt und 40 pro Besucher. Um Mitternacht ist der Assistent wieder frei, das Formular funktioniert normal weiter. Kommt das öfter vor, melden.
Spam-Ordner prüfen und ob die Intelligenten Filter in Zoho aus sind. Auf der Statusseite zeigt der Verlauf die letzten zehn Ereignisse.
Fällt Zoho selbst aus, kann auch die Warnmail nicht kommen. Die Statusseite ↗ zeigt es trotzdem.
Kein Fehler. Der Videospeicher wird monatlich abgerechnet, auch wenn nichts anfällt. Ignorieren.
Rund 120 Franken im Jahr, und fast alles davon ist Adresse und E-Mail. Die Seite selbst kostet nichts, weil kein Server rund um die Uhr läuft. Fertige Dateien liegen bereit und werden nur ausgeliefert, wenn jemand kommt.
| Was | Franken | Bemerkung |
|---|---|---|
| Geschäftsadresse | 95 / Jahr | adresse-mieten.ch, Post weiterleiten je nach Paket extra |
| Domain | ca. 12 / Jahr | in Dollar abgerechnet, verlängert sich automatisch |
| ca. 12 / Jahr | Zoho Mail | |
| Hosting | 0 | auch bei viel Verkehr |
| Videospeicher | 0 | 10 GB gratis, belegt ist weniger als 1 GB |
| Assistent | nach Nutzung | rund ein halber Rappen pro Gespräch, aus deinem Cloudflare-Guthaben; 10 Dollar reichen für weit über tausend Gespräche. Die Tagesbremse begrenzt den Verbrauch auf höchstens rund 45 Cent pro Tag |
| Besucherzahlen | 0 | läuft in deinem Konto |
| Schutz | 0 | Verschlüsselung, Schutzwand, Bot-Abwehr |
| Total | ca. 119 / Jahr | rund 10 Franken im Monat, ohne Post-Weiterleitung und Assistent |
Der Assistent braucht nur so viel Guthaben, wie er tatsächlich antwortet. Ist es aufgebraucht, pausiert er, bis neues geladen ist; das Formular läuft weiter. Mehr kosten könnte sonst nur der Videospeicher, wenn einmal mehr als 10 GB Filme online sind, dann um ein paar Franken im Monat. Das passiert nie automatisch.
Bis Ende Jahr ist ohne Zusatzkosten dabei:
Grösseres wie neue Funktionen, ein anderes Design, eine zweite Sprache oder ein Blog wird separat besprochen. Das gilt auch für alles ab 2027.
Fällt dir etwas auf oder hast du einen Wunsch: Florian Rothenbühler, fr@florianrothenbuehler.com
Die ganze Webseite gehört dir und liegt zweimal bei dir: online in deinem Cloudflare-Konto und als vollständige Kopie im Übergabe-Ordner.
| 00 Handbuch | dieses Handbuch zum Offline-Lesen |
| 01 Webseite | die komplette Seite mit Bildern, Schriften und Web-Videos |
| 02 Medien | die Originale, aus denen die Seite gemacht ist: Showreel, Projektfilme, Kurzclips, Behind-the-Scenes-Fotos |
| 03 Logo | dein Logo in allen Varianten |
| 04 Nutzungsbewilligung | die Vorlage für Anfragen zu deinem Material |
| 05 Technik | der Code hinter Chat, Formular, Überwachung und Zahlen |
| AGENTS.md | die Anleitung für einen KI-Assistenten, siehe unten. Bitte im Ordner lassen |
Leg den Ordner an einem sicheren Ort ab, am besten dort, wo auch ein Backup läuft. Cloudflare bewahrt alles zuverlässig auf, die Kopie ist für den schlimmsten Fall. Die Dateien gehören dir: Du darfst damit machen, was du willst, auch mit jemand anderem daran weiterarbeiten.
Lerne deine Seite mit einem KI-Assistenten kennen. Du wolltest gern mehr darüber erfahren, wie deine Seite funktioniert. Dafür ist der Ordner da: Kopier ihn zuerst an einen eigenen Ort und starte in der Kopie einen KI-Assistenten, der am Computer mit Dateien arbeiten kann, etwa Claude oder ChatGPT. Dann frag ihn aus, lass dir Teile erklären, ändere etwas und schau, was passiert.
Damit der Assistent sich nicht erst durch alle Dateien kämpfen muss, liegt im Ordner die Datei AGENTS.md. Sie erklärt ihm, was wo liegt, worauf er achten muss und dass er dir alles einfach und auf Deutsch erklären soll. Claude Code und Codex von ChatGPT lesen sie beim Start von selbst. Lösch sie deshalb nicht, auch wenn sie nach Technik aussieht: Sie ist genau für diesen Moment gemacht.
Live geht dabei nichts: Weder du noch der Assistent seid mit deinem Cloudflare-Konto verbunden, alles bleibt auf deinem Computer. Entsteht etwas, das dir gefällt, zeig es Florian. Er übernimmt es auf die Seite, oder ihr macht zusammen eine kleine Schulung, damit du solche Änderungen und ihre Risiken kennst und sie selbst veröffentlichen kannst. So hat die Seite Raum, mit dir zu wachsen.
Zugriff: Florian ist als Mitglied in deinem Cloudflare-Konto eingetragen und hat eine Kopie der Daten, damit er schnell helfen kann. Er schaut nur hinein, wenn du ihn bittest. Auf dein Postfach hat er keinen Zugriff. Willst du das beenden, entfernst du ihn im Cloudflare-Konto, und er löscht seine Kopie und bestätigt es schriftlich.
Für den Alltag nicht nötig. Für dich, wenn du wissen willst, was dahintersteckt, und für jeden, der die Seite einmal technisch übernimmt.
Cloudflare ist bei dir Domain-Verwaltung, Hosting und Schutzschicht in einem. Die meisten dieser Adressen tippst du nie ein, die Seite ruft sie im Hintergrund auf.
| haenggeliproductions.com | die Webseite |
| media. | Speicher für Showreel und Projektfilme |
| chat. | der Assistent |
| status. | Statusseite, Überwachung und Versand der Anfragen |
| stats. | Besucherzahlen und Verbindung zu Claude und ChatGPT |
| doku. | dieses Handbuch |
Bei den meisten Video-Anbietern zahlt man pro angeschautem Video. Deine Filme liegen stattdessen in Cloudflare R2, einem Speicher mit 10 GB gratis, bei dem das Ausliefern grundsätzlich nichts kostet.
Der Browser lädt nie den ganzen Film auf einmal, sondern immer das nächste Stück. Deshalb startet ein Video sofort, und man kann mittendrin springen.
Die Seite besteht aus fertigen Dateien. Es gibt keine Datenbank, die bei jedem Besuch erst gefragt wird, und kein Redaktionssystem mit Erweiterungen, die man ständig aktualisieren muss, damit niemand einbricht.
Der Preis dafür: Texte ändert man nicht in einem Menü. Dafür braucht es jemanden, der mit Webseiten-Dateien umgehen kann, oder ein KI-Werkzeug. Die Jahreszahl im Copyright stellt sich trotzdem jedes Jahr von selbst um.
In jedem Foto auf der Seite stehen unsichtbar dein Name als Urheber, der Copyright-Hinweis und ein Link zu deinen Nutzungsbedingungen im Impressum. Diese Angaben reisen mit jeder heruntergeladenen Kopie mit. Die Videos tragen dieselben Angaben.
Google Bilder liest sie und kann deine Fotos als «Lizenzierbar» kennzeichnen, mit Link zu deinen Bedingungen. Wer ein Bild verwenden will, landet so bei dir. Zusätzlich stehen die Angaben zu jedem Bild und Video im Hintergrund der Seite, in der Form, die Suchmaschinen direkt verstehen.
Ausgenommen sind die Kundenlogos, die deinen Kunden gehören, und die mit KI erstellten Gerätebilder. Das Urheberrecht gilt ohnehin, auch ohne diese Angaben. Sie sorgen dafür, dass niemand sagen kann, er habe nicht gewusst, wem ein Bild gehört.
Im Hintergrund der Seite stehen deine Firmenangaben in einer Form, die Google, Bing und KI-Assistenten direkt verstehen: Name, Leistungen, Einsatzgebiet Bern, Emmental und ganze Schweiz, Kontakt sowie dein Instagram und YouTube. So ist für eine Suchmaschine oder für ChatGPT klar, dass Seite, Profile und Betrieb zusammengehören.
Gemessen werden aufgerufene Seite, Verweildauer, Scrolltiefe, Land, Herkunft und Klicks. Keine IP-Adressen, keine Cookies, keine Weitergabe an Google oder Meta, gelöscht nach 90 Tagen. Deshalb braucht die Seite kein Cookie-Banner, das sich als Erstes über das Showreel legen würde.
Die vier Schriften Space Grotesk, Inter, Space Mono und Humane V2.0 sind alle für geschäftliche Webseiten freigegeben und liegen auf deinem eigenen Server, ohne Umweg über Google. Bei Humane gibt es eine gleichnamige kostenpflichtige Schrift eines anderen Herstellers. Deine ist die freie von Rajesh Rajput, geprüft in der Schriftdatei selbst.
| Teil | Dienst | Aufgabe |
|---|---|---|
| Webseite | haenggeliproductions (Pages) | HTML, CSS, JS, Bilder, Schriften, ohne Videos |
| Videos | R2 hinter media. | unveränderliche Dateinamen, stückweise Auslieferung |
| Assistent | haenggeli-chatbot | GPT-6 Luna über Cloudflare AI Gateway (Gateway default, Unified Billing), ohne Protokoll der Gesprächsinhalte, max. 60 Nachrichten pro Gespräch, Tagesbremse 300 Antworten (40 pro Besucher) |
| Status | haenggeli-status | Cron alle 5 Minuten, Warnmails, Mailversand über Zoho. Secrets ZOHO_CLIENT_ID, ZOHO_CLIENT_SECRET, ZOHO_REFRESH_TOKEN |
| Statistik | haenggeli-stats | Mess-Skript, KV mit 90 Tagen Ablauf, MCP-Server mit OAuth |
| Handbuch | haenggeli-doku | statisch, nur lesbar |
Jeder Worker liegt im Übergabe-Ordner unter «Technik» mit seiner wrangler.toml und wird aus seinem Ordner mit npx wrangler deploy veröffentlicht. Zugangsdaten stehen nie im Code, nur als Secrets im Worker.
Im Webseiten-Ordner liegen die Videos als lokale Arbeitskopien. Online zeigen die Videoadressen auf media.haenggeliproductions.com. Beim Veröffentlichen also keine Videos zu Pages hochladen, sondern neue Filme in R2 ablegen. Die technischen Pages-Adressen (*.pages.dev) senden noindex.