Casa Madre.

En boutiquemäklare som behövde självständighet, inte bara en webbplats

-- KUNDEN

Casa Madre hjälper kunder att köpa, sälja och hyra särpräglade bostäder i Barcelonas mest karaktärsfulla kvarter. Som tvåpersonsbyrå vilar varumärket på en personlig, redaktionell känsla — motsatsen till den portalestetik som dominerar fastighetsbranschen.

Uppdraget hade ett tydligt underliggande krav: grundarna behövde kunna sköta sin digitala närvaro själva — publicera bostäder, skriva artiklar till Journal, uppdatera sina egna teamkort — utan att ha en utvecklare i beredskap för varje ändring. På både spanska och engelska, för en internationell kundkrets.

Svaret blev en strukturerad innehållsplattform med AI-stöd inbyggt i själva det redaktionella arbetsflödet: mäklarna matar in fakta, och systemet hjälper till med orden.

Quiet luxury — ett redaktionellt formspråk för fastigheter

-- DESIGNSYSTEM

Formspråket byggdes kring återhållsamhet: en varm palett i gräddvitt, lera och mörkbrunt, display-typografi med seriffer, generöst med luft och subtil rörelse som respekterar inställningen för reducerad rörelse. En filmisk videohero och Ken Burns-bilder ger bostadspresentationen en redaktionell, magasinlik kvalitet — medvetet olik bostadsportalernas rörigare estetik. Varje komponent följer samma tokens, spacing och rörelsevokabulär, så att sajten känns som ett genomtänkt objekt snarare än ihopsatta sektioner.

Next.js och Sanity — strukturerat innehåll som kunden äger

-- STACK OCH ARKITEKTUR

Plattformen är byggd på Next.js med TypeScript och Sanity CMS som strukturerad innehållsryggrad. Bostäder, kvartersguider, artiklar i Journal och hela mäklarteamet ligger som typade Sanity-dokument, redigerade i en Studio anpassad på spanska för kunden, med engelska slugs för internationell SEO.

Det tvåspråkiga innehållet hanteras genom internationaliserade fält med språkmedvetna queries, next-intl sköter routingen i frontend och kontaktflödet levererar förfrågningar till båda mäklarna samtidigt via en validerad, hastighetsbegränsad och honeypot-skyddad API-route med SMTP-leverans. Integritetsbesluten var arkitektoniska: ett statiskt kartkort utan samtyckeskrav i stället för en inbäddad spårare, och analys som är spärrad bakom cookie-samtycke.

En Studio, två språk, noll beroende av utvecklare

-- TVÅSPRÅKIGT INNEHÅLL

Varje innehållstyp på plattformen — bostadsannonser med gallerier och filter, kvartersguider, artiklar i Journal, grundarnas egna kontaktkort med foton — går att redigera fullt ut av kunden i Sanity Studio, på båda språken. Studion är konfigurerad på spanska med hjälptexter som vägleder rätt inmatning, och kunden började sköta sitt eget innehåll (inklusive att ladda upp sina teamfoton) redan innan projektet var överlämnat — den tydligaste möjliga bekräftelsen på att självbetjäningsarkitekturen fungerar.

AI som skriver eleganta annonser — och aldrig hittar på en kvadratmeter

-- AI-SKRIVASSISTENT

Plattformens särskiljande drag är en AI-skrivassistent inbyggd direkt i kundens redaktionella arbetsflöde. För artiklar i Journal skriver den redaktionellt innehåll utifrån ett ämne. För bostadsannonser går den längre: mäklaren fyller i de strukturerade fakta — affärstyp, bostadstyp, kvarter, pris, storlek, antal rum — lägger till valfria noteringar, och assistenten genererar en stämningsfull rubrik, en beskrivning på två till tre stycken skriven direkt på både spanska och engelska, samt förslag på highlight-taggar.

Det är i prompt-utvecklingen som det verkliga produkttänket ligger: assistenten skriver i varumärkets redaktionella ton med ett hårt förbud mot portalklyschor — och en ännu strängare regel för fastigheter: den får bara använda fakta som mäklaren har angett. Inga påhittade terrasser, inga inbillade renoveringar. Mäklaren granskar allt i en förhandsvisning och infogar fält för fält; en människa godkänner varje ord innan det publiceras. API-nyckeln stannar på servern, på kundens eget AI-konto.

Redaktionella bilder utan redaktionella laddningstider

-- PRESTANDA

En bildtung fastighetssajt står och faller med prestanda. Sanitys bildpipeline levererar hotspot-beskurna, responsiva bilder, Next.js serverrendering håller varje sida indexerbar, och den medvetna frånvaron av tredjepartsinbäddningar — ingen kart-SDK, inga skript före samtycke — håller laddningskedjan ren. Resultatet är en visuellt rik sajt som ändå levererar där det räknas, både för SEO och för den otåliga bostadsspekulanten.

En live-plattform som kunden sköter själv — med AI som dagligt verktyg

-- RESULTATET

Casa Madre lanserades på sin egen domän med hela plattformen live: tvåspråkiga bostadsannonser, Journal, personliga mäklarkort, ett fungerande förfrågningsflöde till båda grundarna och en AI-assistent som mäklarna använder som en del av sitt normala publiceringsflöde — inte som en gimmick, utan som verktyget som förvandlar deras bostadsfakta till publiceringsfärdig text på två språk.

Det här projektet speglar den typ av arbete jag fokuserar på som AI Product Engineer: att inte lägga till AI för sakens skull, utan att bädda in den precis där den sparar verklig tid åt en verklig kund — inuti det arbetsflöde de redan använder, med skyddsräcken som värnar deras varumärke och deras regelefterlevnad.