Casita Amarilla er et timehotel for voksne par på Carrer de Pàdua 83 i Barcelona, med værelser fra 30 € og booking via telefon. Det gamle WordPress-site gemte praktiske oplysninger i et forældet desktoplayout. Det passede dårligt til en person, der sammenligner priser eller tjekker tilgængelighed ude på gaden. Vi erstattede det først med prærenderede sider og udviklede senere leverancen til et serverrenderet React-site på Netlify. Det nuværende produkt har ruter på 20 sprog, viser priser og åbningstider tydeligt og holder bookingsamtalen inden for rækkevidde gennem hele besøget.
Kundearbejde. Clutch Developer byggede og driver websitet, udgivelsesflowet, marketingmålingen og rapportværktøjerne. Hotellet og dets kundeservice tilhører Casita Amarilla.
Hvad vi leverede
- Et website på 20 sprog. Spansk, catalansk og engelsk findes sammen med 17 andre sprogversioner, hver på sin egen URL-sti, med sprogregistrering, et vedvarende besøgsvalg, lokaliserede metadata, hreflang-links og et genereret sitemap. Den nuværende applikation renderer komplet HTML på serveren gennem TanStack Start og Netlify.
- Et telefonfokuseret bookingflow. Vedvarende opkaldshandlinger, tydelige åbningstider, værelsessider, vejvisning, FAQ og en prisvisning holder de nødvendige oplysninger før samtalen tæt på bookingknappen. Telefonnummeret er et rigtigt
tel:-link, ikke dekorativ tekst. - En kontrolleret WordPress-migrering. Omdirigeringsregler fører gamle side-, indlægs- og mediestier til aktive destinationer, mens kanoniske URL’er og sitemap-kontroller beskytter flytningen fra et etableret domæne til den nye sprogstruktur.
- Samtykkestyret måling. Tags til GA4 og Google Ads indlæses først efter samtykke. Websitet registrerer definerede hændelser for opkaldsklik, formularer, sprogskift og bloglæsning og fører også egne aggregerede tællere uden at gemme IP-adresse, user agent eller besøgs-ID.
- Versionsstyret indhold og rapportering. AI-understøttede flows hjælper med at forberede og gennemgå flersproget blogtekst, men indlæggene leveres stadig som versionsstyret kildekode gennem det normale build. Private rapporter og en dokumenteret ugentlig rutine samler website-, søge-, annonce- og opkaldsdata i én operationel visning.
Design omkring opkaldet, ikke omkring sidevisninger
Den primære konvertering er et telefonopkald, der bekræfter tilgængelighed. Det giver grænsefladen en streng prioritetsrækkefølge. Før opkaldet har den besøgende brug for den aktuelle pris, åbningstider, adresse og nok værelsesinformation til at beslutte sig. Derefter skal websitet træde til side. Bookinghandlingen findes derfor i headeren og i en vedvarende mobil kontrol. Samme destination genbruges på forside-, pris-, værelses-, beliggenheds-, FAQ- og artikelsider.
Priserne var den tætteste del af flowet. De afhænger af varighed og ugedag, mens åbningstiderne ændrer sig gennem ugen. Implementeringen holder disse oplysninger centralt, udleder det aktuelle pristrin i Barcelona-tid og viser en kompakt oversigt på små skærme før den fulde tabel. Særlige kontroller sammenligner prisoversigter, den aktuelle status, åbningstider og bookinglinks, så en tekstændring ikke ubemærket efterlader to sider med forskellige betingelser. Beliggenhedsflowet udfører samme praktiske opgave: oplysninger om offentlig transport og parkering fører tilbage til opkaldet.
Udgivelse og måling er en del af produktet
Bloggen er en versionsstyret funktion, ikke et separat udgivelsessystem. AI-understøttede værktøjer kan skrive et udkast eller oversætte en artikel, men den færdige tekst ligger ved siden af applikationen, består sprog- og omfangskontroller og leveres med samme build som priser og værelsessider. Dermed kan et indlæg gennemgås før udgivelse, og links, metadata, datoer og oversatte varianter forbliver bundet til koden, der renderer dem. Et automatiseret skriveværktøj får heller ikke en direkte og uigennemsigtig vej til produktion.
Tyve sprog skaber et større vedligeholdelsesproblem, end en sprogvælger antyder. En rute kan have den rigtige sprogkode, mens et fallback-afsnit, et FAQ-svar eller en billedbeskrivelse stadig står på spansk eller engelsk. Leverancen omfatter derfor genererede sprogkataloger og kontroller af blogomfang, omdirigeringer, sprogregistrering og bundleindhold. Det synlige resultat er enkelt: den besøgende vælger et sprog, og valget bliver husket. Den vigtige begrænsning er at holde alle fælles oplysninger på linje, når priser, åbningstider eller bookingvejledning ændres.
Målingen følger samme regel. Google-tags er deaktiveret, indtil den besøgende accepterer analyse; derefter skelner navngivne hændelser et opkaldstryk fra en indsendt formular eller en færdiglæst artikel. Egne aggregerede tællere dækker grundlæggende side- og handlingstal uden at identificere en besøgende. Rapportlaget kombinerer signalerne med Search Console, Google Ads og historiske serverdata og dokumenterer, hvor datasæt ikke kan sammenlignes direkte. En ugentlig arbejdsliste omsætter materialet til gennemgangsarbejde uden at fremstille et annonceklik som en bekræftet reservation.
Omfang og projektrolle
Det færdige omfang er bredere end et redesign: offentlige sider, 20 sprogruter, WordPress-migrering, opkalds- og formularflows, samtykkestyring, blogudgivelse, analyseinstrumentering og privat rapportering. Kontaktruten skelner en reservation fra en generel forespørgsel og kan levere beskeden gennem en konfigureret mailudbyder. Hvis servermail ikke er tilgængelig, forbereder browseren samme forespørgsel i den besøgendes mailapp. Systemet erstatter ikke receptionen og afgør ikke, om et værelse er ledigt. Websitet forbereder den besøgende på opkaldet, fører den rette kontekst frem til øjeblikket og måler de digitale trin, der kan måles. Casita Amarilla er fortsat ansvarlig for priser, tilgængelighed, kundeservice og opholdet.
Da den operationelle flade voksede, gik projektet fra en hurtig prærenderet lancering til en serverrenderet applikation. Produktmålet forblev det samme: tydelige oplysninger og en kort vej til bookingsamtalen. Websites dækker det offentlige build og migreringen; Automation og integrationer dækker de kontrollerede indholds- og rapportflows omkring det.
Belæg og begrænsninger
De gemte mobilbilleder viser forsiden, priser, værelser og blog; på det aktive website kan man gennemgå sprogruterne og telefonlinks til booking. Det dokumenterer den offentlige løsning og det publicerede indhold, men ikke opkaldsvolumen, bookingkonvertering eller belægning. Casita Amarilla har ansvaret for ledighed, reservationer og kundeservice.