Casita Amarilla ist ein Stundenhotel in Barcelona für Paare — Carrer de Pàdua 83, Zimmer ab 30 €, diskret, ganzjährig geöffnet. Gebucht wird per Telefon. Die Website, die sie hatten, war wirklich alt: veraltet, langsam und für Besucher am Schreibtisch gebaut statt für die, die tatsächlich kommen — draußen stehend, das Telefon in der Hand. Heute steht dort eine vorgerenderte statische Website in 20 Sprachen, mit einem Blog, der weiter erscheint, und einem Marketing-Stack, der sich wöchentlich selbst auswertet.
Kundenprojekt. Clutch Developer hat die Website, den Marketing-Stack und das interne Tooling gebaut und betreibt sie. Das Geschäft gehört Casita Amarilla.
Was wir ausgeliefert haben
- Eine statische, vorgerenderte Website. Acht Seitentypen — Start, Zimmer, Preise, Lage, FAQ, Kontakt, Über uns und der Blog — gebaut mit Vite, gehostet auf Netlify mit Edge-Caching. Zwanzig Sprachen (ar, ca, de, el, en, es, fr, hi, it, ja, ko, nl, pl, pt, ro, ru, sv, tr, uk, zh), ausgewählt per Sprachverhandlung am Edge, mit einem Cookie, damit die eigene Wahl eines Besuchers bestehen bleibt. Strikte Content-Security-Policy, HSTS, kein Framing, Cloudflare Turnstile im Kontaktformular.
- Mobile-first-Layout. Die meisten Besucher kommen mit dem Telefon, deshalb folgt ein dauerhaft sichtbarer Buchen-Button beim Scrollen mit, und die Preistabelle, die Zimmergalerien und die Blog-Karten sind für die Bedienung mit einem Daumen ausgelegt.
- Ein Content-Agent. Ein KI-Agent schreibt und veröffentlicht Beiträge im Notizen-Blog der Website — zuletzt Preis-Guides, Sant Jordi, Sommer und Paare — und nimmt kleine Text- und Seitenänderungen vor.
- SEM mit wöchentlichem Report. Google Ads, mit durchgängig getrackten Analytics und Ad-Conversions, sodass der Report die Ausgaben den ausgelösten Anrufen zuordnet statt den Impressionen.
- Ein internes Tool für die Rezeption. Schnellvorlagen für die Beantwortung von E-Mails und Reservierungsanfragen: Vorlage wählen, Details eintragen, senden.
Telefon zuerst, weil die Buchung ein Anruf ist
Die Conversion ist hier kein abgeschicktes Formular, sondern jemand, der wählt. Das verengt die Designfrage: Wie wenige Taps liegen zwischen Ankunft und der Nummer in der Hand? Deshalb bleibt der Buchen-Button dauerhaft sichtbar, statt in einem Header zu parken, an dem längst vorbeigescrollt wurde — und er steht auf jedem Seitentyp, weil die Entscheidung auf der Preistabelle genauso fallen kann wie auf der Startseite.
Die Preistabelle war das interessante Stück. Drei Spalten — Sonntag, Mo–Do, Fr & Sa — sind viel Raster für ein Telefon, und die einzige Zahl, die einen Besucher interessiert, ist die, die gerade jetzt gilt; genau die hebt die Tabelle hervor. Zimmer und Blog folgen derselben Regel: eine Spalte, große Ziele, kein Hover. Und die Website fühlt sich aus einem architektonischen Grund anders an als die alte, nicht wegen ein paar Optimierungen: statisches HTML am Edge statt eines Servers, der jeden Request rendert.
Die Website veröffentlicht weiter, ganz ohne Meeting
Den Blog schreibt ein Agent. Er verfasst und veröffentlicht die Beiträge, und er macht die kleinen Text- und Seitenänderungen, die sonst auf eine freie Stunde warten würden. Alles, was er tut, läuft durch denselben statischen Build wie alles andere — nichts umgeht die Pipeline, und jede Änderung landet als etwas, das ein Mensch lesen und zurücknehmen kann.
Diese Disziplin ist der Punkt, kein Nebeneffekt. Analytics laufen nur mit Einwilligung: GA4 und Google Ads laden erst, nachdem der Besucher zugestimmt hat, vorher nichts. Die Security-Header sind Build-Output, keine Einstellung, an die jemand denken muss. Ein Agent, der eine Live-Website ändert, ist nur dann eine gute Idee, wenn die Oberfläche, die er anfasst, überprüfbar ist — und genau das liefert Prerendering.
Die Rezeption bekam dieselbe Behandlung von der anderen Seite: Eine Reservierungs-E-Mail zu beantworten sollte keine Schreibübung sein, also macht das interne Tool daraus ein Vorlage-Wählen und Details-Eintragen. Kleines Tool, täglich im Einsatz.
Was dabei herauskommt
Die Website ist schneller als die, die sie ersetzt hat, erreicht Besucher in ihrer eigenen Sprache und legt den Buchungsanruf einen Tap entfernt. Der Blog wird zwischen zwei Redesigns nicht schal. Die Ad-Ausgaben sind wöchentlich nachvollziehbar, gemessen an Anrufen statt an Klicks. Die Rezeption antwortet schneller und tippt weniger. Nichts davon ist ein eigenes Projekt — es ist ein statischer Build, auf den ein paar Dinge zeigen.
So sieht der Großteil unserer Webarbeit aus: die Website vorrendern, damit sie günstig und schnell auszuliefern ist, und dann automatisieren, was sonst jede Woche einen Menschen bräuchte. Websites deckt den Build ab; Automatisierung und Integrationen den Agenten und das interne Tooling.