Casita Amarilla is een urenhotel voor volwassen stellen aan Carrer de Pàdua 83 in Barcelona, met kamers vanaf € 30 en telefonische boekingen. De oude WordPress-site verborg praktische informatie in een verouderde desktopindeling. Dat paste slecht bij iemand die op straat tarieven vergelijkt of beschikbaarheid controleert. We vervingen de site eerst door voorgerenderde pagina’s en ontwikkelden de oplevering later verder tot een servergerenderde React-site op Netlify. Het huidige product biedt routes in 20 talen, maakt tarieven en openingstijden duidelijk en houdt het boekingstelefoontje gedurende de hele reis binnen bereik.
Klantwerk. Clutch Developer bouwde en beheert de website, publicatieworkflow, marketingmeting en rapportagetools. Het hotel en de klantenservice zijn van Casita Amarilla.
Wat we hebben opgeleverd
- Een website in 20 talen. Spaans, Catalaans en Engels staan naast 17 andere taalvarianten, elk op een eigen URL-pad, met taaldetectie, een blijvende bezoekerskeuze, gelokaliseerde metadata, hreflang-links en een gegenereerde sitemap. De huidige applicatie rendert volledige HTML op de server via TanStack Start en Netlify.
- Een boekingstraject dat op de telefoon begint. Blijvend bereikbare belacties, duidelijke openingstijden, kamerpagina’s, route-informatie, veelgestelde vragen en een tarievenoverzicht houden de informatie voor het gesprek dicht bij de boekknop. Het nummer is een echte
tel:-link en geen decoratieve tekst. - Een beheerste WordPress-migratie. Omleidingsregels brengen oude pagina-, bericht- en mediaroutes naar werkende bestemmingen, terwijl canonieke URL’s en sitemapcontroles de verhuizing van een gevestigd domein naar de nieuwe taalstructuur beschermen.
- Meting met toestemming. Tags voor GA4 en Google Ads laden pas na toestemming. De site registreert benoemde gebeurtenissen voor beltikken, formulieren, taalwisselingen en het lezen van de blog, en houdt ook eigen geaggregeerde tellers bij zonder IP-adres, useragent of bezoekers-ID op te slaan.
- Versiebeheerde content en rapportage. AI-ondersteunde workflows helpen meertalige blogtekst voorbereiden en beoordelen, maar berichten verschijnen als versiebeheerde broncode via de normale build. Privérapporten en een beschreven wekelijkse routine brengen site-, zoek-, advertentie- en belgegevens samen in één operationeel overzicht.
Ontwerpen rond het gesprek, niet rond paginaweergaven
De belangrijkste conversie is een telefoongesprek waarin de beschikbaarheid wordt bevestigd. Dat legt een strikte volgorde op aan de interface. Voor het bellen heeft een bezoeker het huidige tarief, de openingstijden, het adres en voldoende kamerinformatie nodig om te beslissen. Daarna moet de site uit de weg gaan. De boekingsactie staat daarom in de kop en in een blijvend mobiel besturingselement. Dezelfde bestemming wordt hergebruikt op home, tarieven, kamers, locatie, veelgestelde vragen en artikelen.
De tarieven waren het dichtste deel van dat traject. Prijzen hangen af van duur en dag, terwijl openingstijden door de week veranderen. De implementatie beheert die feiten centraal, leidt de actuele tariefgroep af in de tijdzone van Barcelona en toont op kleine schermen eerst een compacte samenvatting en daarna de volledige tabel. Gerichte controles vergelijken tariefsamenvattingen, de melding van de huidige status, openingstijden en boekingslinks. Zo kan een tekstwijziging niet stilletjes twee pagina’s met verschillende voorwaarden achterlaten. De locatieflow doet hetzelfde praktische werk: informatie over openbaar vervoer en parkeren leidt terug naar het telefoongesprek.
Publicatie en meting horen bij het product
De blog is een versiebeheerde functie en geen apart publicatiesysteem. AI-ondersteunde hulpmiddelen kunnen een artikel opstellen of vertalen, maar de uiteindelijke tekst staat naast de applicatie, doorloopt controles op taal en reikwijdte en wordt met dezelfde build als tarieven en kamerpagina’s uitgebracht. Daardoor kan een bericht voor publicatie worden beoordeeld en blijven links, metadata, datums en vertaalde varianten gekoppeld aan de code die ze rendert. Een geautomatiseerde schrijver krijgt ook geen directe, ondoorzichtige route naar productie.
Twintig talen vormen een groter onderhoudsprobleem dan een taalkiezer doet vermoeden. Een route kan de juiste taalcode hebben terwijl een terugvalalinea, FAQ-antwoord of afbeeldingsbeschrijving Spaans of Engels blijft. De oplevering omvat daarom gegenereerde taalcatalogi en controles op blogbereik, omleidingen, taaldetectie en bundelinhoud. Het zichtbare resultaat is eenvoudig: u kiest een taal en die keuze blijft behouden. De belangrijke beperking is dat elk gedeeld feit gelijk moet blijven wanneer prijzen, openingstijden of boekingsinstructies veranderen.
Meting volgt dezelfde regel. Google-tags blijven uitgeschakeld tot de bezoeker analytics accepteert. Daarna onderscheiden benoemde gebeurtenissen een beltik van een verstuurd formulier of een volledig gelezen artikel. Eigen geaggregeerde tellers meten basistotalen voor pagina’s en acties zonder een bezoeker te identificeren. De rapportagelaag combineert die signalen met Search Console, Google Ads en historische servergegevens en beschrijft waar gegevenssets niet direct vergelijkbaar zijn. Een wekelijkse werklijst zet dat bewijs om in beoordelingswerk zonder een advertentieklik als bevestigde reservering te presenteren.
Omvang en projectrol
De voltooide reikwijdte is breder dan een redesign: openbare pagina’s, 20 taalroutes, de WordPress-migratie, bel- en formulierflows, toestemmingsbeheer, blogpublicatie, analytics-instrumentatie en privérapportage. De contactroute onderscheidt een reservering van een algemene vraag en kan het bericht via een ingestelde mailprovider afleveren. Als servermail niet beschikbaar is, maakt de browser hetzelfde verzoek gereed in de mailapp van de bezoeker. De site vervangt de receptie niet en beslist niet of een kamer beschikbaar is. Hij bereidt de bezoeker voor op het gesprek, brengt de juiste context naar dat moment en meet de digitale stappen die meetbaar zijn. Casita Amarilla blijft verantwoordelijk voor tarieven, beschikbaarheid, klantenservice en het verblijf.
Naarmate het operationele oppervlak groeide, veranderde het project van een snelle, voorgerenderde lancering in een servergerenderde applicatie. Het productdoel bleef gelijk: duidelijke informatie en een korte weg naar het boekingsgesprek. Websites behandelt de openbare bouw en migratie; Automatisering en integraties behandelt de beheerste content- en rapportageflows eromheen.
Onderbouwing en grenzen
De bewaarde mobiele screenshots tonen de pagina’s voor home, tarieven, kamers en blog; op de livewebsite zijn de taalroutes en telefoonnummers voor boekingen te bekijken. Dat maakt de publieke implementatie en content controleerbaar, maar bewijst geen belvolume, boekingsconversie of bezetting. Casita Amarilla beheert beschikbaarheid, reserveringen en klantenservice.