Loading…
Piattaforma dashboard CRM e operativa
- Ruolo
- Ingegneria di prodotto frontend e full-stack per un CRM immobiliare — interfaccia della dashboard, schema del database, accessi basati sui ruoli e permessi.
- Stack
- ReactNext.jsTypeScriptTanStack QuerySupabaseTailwind CSS
Panoramica
Ecco come appare applicato a uno scenario reale: la giornata tipo di un team immobiliare — annunci, clienti e visite, gestiti dalla stessa architettura.
I team tengono traccia dei dati tra fogli di calcolo, messaggi e strumenti che non si adattavano al loro modo di lavorare reale — nessuna vista condivisa, nessuna idea chiara di cosa richiedesse attenzione oggi. Questo progetto li sostituisce con un’unica interfaccia strutturata e personalizzata: una dashboard che mette in primo piano il lavoro in ritardo, una pipeline che rispecchia come il lavoro si muove davvero e permessi che corrispondono all’organizzazione di un team reale — ogni ruolo vede ciò che deve vedere.
Interfaccia
Superfici del prodotto
Dashboard
Ciò che richiede attenzione oggi, non solo un elenco di tutto.
Interfaccia
Superfici del prodotto
Dashboard
Ciò che richiede attenzione oggi, non solo un elenco di tutto.
Funzionalità principali
Quattro elementi, un unico sistema
Una coda con priorità, una pipeline che rispecchia il lavoro reale, annunci con un ciclo di vita e accessi che corrispondono alla struttura effettiva del team.
Funzionalità principali
Quattro elementi, un unico sistema
Una coda con priorità, una pipeline che rispecchia il lavoro reale, annunci con un ciclo di vita e accessi che corrispondono alla struttura effettiva del team.
Il mio lavoro
Un’unica vista di ciò che ti richiede questa settimana — visite in ritardo, lead fermi, trattative che si raffreddano — invece di cercare in quattro elenchi diversi.
Una pipeline, non solo un elenco
I clienti avanzano attraverso fasi reali — da lead a contattato a chiuso — con vista kanban o elenco e la memoria di ogni chiamata e visita.
Annunci con un ciclo di vita
Immobili seguiti da disponibile a con offerta a chiuso, con navigazione su mappa o tabella e viste filtrate condivisibili.
Pensato per un team reale
Gli agenti vedono il proprio portafoglio. I manager vedono il proprio team. Gli amministratori vedono l’intera organizzazione. Stesso prodotto, prospettive diverse — applicate a livello di dati, non solo con pulsanti nascosti.
Approccio tecnico
Cinque decisioni che mantengono il sistema facile da estendere invece che più difficile — gli stessi schemi valgono per una nuova pagina, un nuovo ruolo o una nuova azione dell’IA.
Come è costruito per durare.
01
Un unico schema di rendering, non una battaglia a ogni pagina01Un unico schema di rendering, non una battaglia a ogni pagina
Ogni pagina con elenco — Immobili, Clienti, Agenda — segue lo stesso schema prima server e poi interattivo, testato in un laboratorio separato prima di essere applicato qui. Le nuove pagine ereditano un compromesso già noto invece di rimetterlo in discussione.
02
Una struttura che continua a crescere senza diventare un pantano02Una struttura che continua a crescere senza diventare un pantano
Il codice è organizzato per responsabilità — routing, composizione, dati, logica condivisa — ciascuna con una chiara dipendenza a senso unico. Costa più impegno iniziale; significa che l’app non diventa più difficile da gestire man mano che cresce.
03
URL che mantengono uno stato reale03URL che mantengono uno stato reale
Filtri, modalità di visualizzazione e perfino quale pannello laterale è aperto vivono nell’URL — così un manager può inviare un link a un collega che arriva esattamente nella stessa vista. Un piccolo dettaglio che fa una grande differenza per un team, non per un singolo utente.
04
Il database è il vero confine di sicurezza04Il database è il vero confine di sicurezza
I permessi non sono solo pulsanti nascosti — sono applicati a livello di database, quindi un agente non può letteralmente interrogare dati al di fuori del proprio portafoglio, né dall’interfaccia né dall’assistente IA.
05
L’IA segue le stesse regole di tutti gli altri05L’IA segue le stesse regole di tutti gli altri
L’assistente propone una modifica, la mostra e attende la conferma prima che venga salvato qualcosa — con gli stessi controlli sui permessi di un utente umano. Può agire, ma non può saltare le barriere di sicurezza. Esplora l’integrazione dell’IA
Progetti correlati
Altri lavori in questo ambito
Touching Angles
Un hub operativo interno per un’agenzia di assistenza domiciliare — sostituisce 15 flussi di lavoro basati su fogli di calcolo con report guidati da configurazione e un tracciamento della conformità raggruppato a fisarmonica.
Lotis
Un tracker di progetti per consulenti ambientali che gestiscono siti di telecomunicazioni — le dipendenze tra attività sono disegnate come diagramma, con ramificazioni condizionali integrate.
Kingsman
Strumenti operativi per la flotta di un’azienda di servizi immobiliari — un’unica dashboard unisce i rientri in ritardo dei rimorchi e le fatture QuickBooks non pagate in un solo feed di avvisi.
Revilo
Operazioni di portafoglio per una società di investimenti immobiliari — bacheche trascinabili per il ciclo di vita e pannelli espandibili del percorso dell’investitore, tutto da un’unica shell guidata da configurazione.
StellarStaff
Supervisione della forza lavoro per un’agenzia di staffing remoto — la visibilità dei manager è limitata ai ruoli di progetto, non a un semplice interruttore amministratore.
Risultati
Cosa offre in pratica.
Funziona su un database reale con una logica di permessi reale
Agenti, manager e amministratori vedono ciascuno esattamente ciò che il proprio ruolo consente.
La dashboard mette in evidenza automaticamente il lavoro in ritardo,
La pipeline riflette come le trattative si muovono davvero,
L’assistente IA opera con le stesse regole di tutti gli altri
Le nuove pagine seguono gli stessi schemi già collaudati