AlbaHaven – Kartcentrerad fastighetsprodukt

AlbaHaven var ett egeninitierat produktförsök för den albanska bostadsmarknaden. Jag ville utforska ett snabbare, kartcentrerat sätt att hitta bostad: börja med var någon vill bo och låt sedan sökningen bli visuell i stället för att gå igenom långa, fristående listor. Jag designade och utvecklade produkten från den publika upplevelsen till mäklarverktyg, adminverktyg och gemensam backend.

Börja med platsen

Den publika upplevelsen öppnar med en interaktiv karta över Albanien, uppdelad i geografiska zoner. Fastigheter visas som färgkodade punkter så att besökare kan utforska lägenheter, villor, radhus och andra typer utifrån plats. Ett klick öppnar en snabb förhandsvisning, med en mer detaljerad objektsida när någon vill veta mer.

Gör sökningen visuell

Kartan är en del av sökflödet, inte bara dekoration. Besökaren kan välja städer eller regioner och förfina efter läge och fastighetstyp utan att förlora sin geografiska orientering. Målet var att göra bostadssökningen snabbare och enklare att förstå än en vanlig resultatsida.

Från objekt till bättre rumsuppfattning

Varje objekt samlar galleri och strukturerade fakta som rum, storlek, bekvämligheter, byggår, pris, energiklass och läge. Objektsidan var tänkt att svara på praktiska frågor innan någon kontaktar en mäklare.

3D-rundvandringen var tänkt att vara användbar, inte en visuell gimmick. Idén var att en mäklare skulle kunna använda en modern telefon med djupskanning för att skanna en lägenhet, ladda upp den resulterande 3D-modellen tillsammans med objektet och låta spekulanter utforska den online. Plattformen stödjer visning av sådana modeller; någon färdig produktionsapp för skanning byggdes inte i projektet.

Verktyg för dem som hanterar objekten

Mäklare kan hantera befintliga objekt, skapa nya, ladda upp bilder och 3D-modeller, se aktivitet och hantera meddelanden och förfrågningar. Ändringarna använder samma data som den publika kartan, så hantering och utforskning hålls ihop.

En produkt, olika ansvar

Administratörer har en separat kontrollpanel för mäklarkonton, objekt, plattformsstruktur och behörigheter. Den publika sajten, mäklarvyn, adminvyn och det gemensamma API:t byggdes som delar av samma produkt, inte som fristående engångsverktyg.

Vad som byggdes

En stor del av produkten byggdes och kom nära läget där ett affärssamarbete i Albanien skulle kunna ta den vidare. Samarbetet blev aldrig av, och AlbaHaven blev därför en produktfallstudie i stället för den verksamhet som ursprungligen var tänkt.

Teknisk översikt:

• Next.js och React för den publika upplevelsen och dashboardarna
• Node.js och Express REST-API som delas mellan applikationerna
• MongoDB med JWT-baserad applikationsautentisering
• Tailwind CSS
• Leaflet och GeoJSON för kartbaserad upptäckt
• Three.js och React Three Fiber för objektsrundvandringar
• Recharts för rapportering i dashboarden
• Dockeriserad utvecklingsmiljö

Arkitekturen består av en publik klient, mäklardashboard, admin-dashboard och ett gemensamt API med samma datamodeller.

Vad fallstudien representerar

AlbaHaven är ett exempel på en ambitiös, egeninitierad produkt som byggdes långt men inte blev ett kunduppdrag eller en aktiv verksamhet. Den visar hur jag tar en produktidé från användarresa till datamodell, dashboardar och stödjande arkitektur.