Casita Amarilla är ett timhotell i Barcelona för par — Carrer de Pàdua 83, rum från 30 €, diskret, öppet året runt. Bokning sker per telefon. Webbplatsen de hade var på riktigt gammal: föråldrad, långsam och byggd för en besökare vid ett skrivbord snarare än den de faktiskt får, stående på gatan med telefonen i handen. Det de har nu är en förrenderad statisk webbplats på 20 språk, med en blogg som fortsätter publicera och en marknadsföringsstack som rapporterar om sig själv varje vecka.
Kunduppdrag. Clutch Developer byggde och driver webbplatsen, marknadsföringsstacken och de interna verktygen. Verksamheten tillhör Casita Amarilla.
Vad vi levererade
- En statisk, förrenderad sajt. Åtta sidtyper — start, rum, priser, hitta hit, vanliga frågor, kontakt, om och bloggen — byggda med Vite, hostade på Netlify med edge-cachning. Tjugo språk (ar, ca, de, el, en, es, fr, hi, it, ja, ko, nl, pl, pt, ro, ru, sv, tr, uk, zh) som väljs genom språkförhandling på edge, med en cookie så att besökarens eget val sitter kvar. Strikt Content-Security-Policy, HSTS, ingen framing, Cloudflare Turnstile på kontaktformuläret.
- Mobil först. De flesta besökare kommer in på en telefon, så en ständigt synlig boka-knapp följer med nedför sidan, och pristabellen, rumsgallerierna och bloggkorten är utlagda för att användas med en tumme.
- En innehållsagent. En AI-agent skriver och publicerar inlägg på sajtens anteckningsblogg — de senaste handlar om priser, Sant Jordi, sommaren och par — och gör mindre text- och sajtändringar.
- SEM med veckorapport. Google Ads, med analys och annonskonverteringar spårade hela vägen, så att rapporten kopplar spenderade pengar till samtalen de gav i stället för till visningar.
- Ett internt verktyg för receptionen. Snabbmallar för att svara på mejl och bokningsförfrågningar: välj en mall, fyll i detaljerna, skicka.
Telefonen först, eftersom bokningen är ett samtal
Konverteringen här är inte att ett formulär skickas, det är att någon ringer. Det snävar in designfrågan: hur få tryck krävs mellan landning och att ha numret framme? Alltså är boka-knappen ständigt synlig i stället för parkerad i en header som besökaren redan skrollat förbi, och den finns på varje sidtyp, eftersom beslutet kan komma lika gärna vid pristabellen som på startsidan.
Pristabellen var den intressanta biten. Tre kolumner — söndag, mån–tors, fre & lör — är mycket rutnät för en telefon, och den enda siffra en besökare bryr sig om är den som gäller just nu, så det är den tabellen lyfter fram. Rum och blogg följer samma regel: en kolumn, stora träffytor, ingen hover. Och sajten känns annorlunda än den gamla av ett arkitektoniskt skäl, inte för att någon trimmat den: statisk HTML på edge i stället för en server som renderar varje förfrågan.
Sajten fortsätter publicera utan att någon bokar möte
Bloggen skrivs av en agent. Den skriver och publicerar inläggen, och den gör de små text- och sajtändringar som annars skulle vänta på en ledig timme. Allt den gör går genom samma statiska bygge som allt annat, så ingenting går förbi pipelinen och varje ändring landar som något en människa kan läsa och rulla tillbaka.
Den disciplinen är hela poängen, inte en sidoeffekt. Analysen är samtyckesstyrd: GA4 och Google Ads laddas först efter att besökaren accepterat, ingenting före. Säkerhetsheadrarna är byggets utdata, inte en inställning någon ska komma ihåg att kryssa i. Att låta en agent ändra en skarp sajt är bara en bra idé om ytan den rör vid går att granska, och förrendering ger precis det.
Receptionen fick samma behandling från andra hållet: att svara på ett bokningsmejl ska inte vara en skrivövning, så det interna verktyget gör det till att välja en mall och fylla i detaljerna. Litet verktyg, används varje dag.
Vad det summerar till
Sajten är snabbare än den den ersatte, når besökarna på deras eget språk och lägger ett bokningssamtal ett tryck bort. Bloggen blir inte inaktuell mellan omdesigner. Annonsbudgeten redovisas varje vecka, mot samtal i stället för klick. Receptionen svarar snabbare med mindre skrivande. Inget av det är separata projekt — det är ett statiskt bygge med några saker riktade mot sig.
Så ser det mesta av vårt webbarbete ut: förrendera sajten så att den blir billig och snabb att leverera, automatisera sedan det som annars skulle kräva en person varje vecka. Webbplatser täcker bygget; Automation & integrationer täcker agenten och de interna verktygen.