Loading…
CRM- und Operations-Dashboard-Plattform
Immobilienteams verwalteten Angebote, Kunden und Besichtigungen in voneinander getrennten Abläufen. Dieses Projekt bündelt diese Prozesse in einem strukturierten Arbeitsbereich.
- Rolle
- Frontend- und Full-Stack-Produktentwicklung für ein Immobilien-CRM — Dashboard-Oberfläche, Datenbankschema, rollenbasierter Zugriff und Berechtigungen.
- Technologien
- ReactNext.jsTypeScriptGSAPTailwind CSS
Überblick
So sieht das in einem echten Szenario aus: der Arbeitsalltag eines Immobilienteams — Angebote, Kunden und Besichtigungen, umgesetzt mit derselben Architektur.
Teams verteilten ihre Daten auf Tabellen, Nachrichten und Tools, die nicht zu ihrer Arbeitsweise passten — ohne gemeinsame Übersicht und ohne klares Bild davon, was heute Aufmerksamkeit braucht. Dieses Projekt ersetzt das durch eine strukturierte Oberfläche im eigenen Branding: ein Dashboard, das überfällige Aufgaben zuerst zeigt, eine Pipeline, die den tatsächlichen Arbeitsfluss abbildet, und Berechtigungen, die zur Organisation eines echten Teams passen — jede Rolle sieht genau das, was sie sehen sollte.
Interface
Produktbereiche
Dashboard
Was heute Aufmerksamkeit braucht — nicht nur eine Liste von allem.
Interface
Produktbereiche
Dashboard
Was heute Aufmerksamkeit braucht — nicht nur eine Liste von allem.
Wichtige Funktionen
Vier Bausteine, ein System
Eine priorisierte Aufgabenliste, eine Pipeline, die echte Arbeit abbildet, Angebote mit einem Lebenszyklus und Zugriffe, die zur tatsächlichen Struktur des Teams passen.
Wichtige Funktionen
Vier Bausteine, ein System
Eine priorisierte Aufgabenliste, eine Pipeline, die echte Arbeit abbildet, Angebote mit einem Lebenszyklus und Zugriffe, die zur tatsächlichen Struktur des Teams passen.
Meine Aufgaben
Eine Übersicht über alles, was diese Woche deine Aufmerksamkeit braucht — überfällige Besichtigungen, veraltete Leads und abkühlende Deals — statt in vier verschiedenen Listen zu suchen.
Pipeline statt nur Liste
Kunden bewegen sich durch echte Phasen — vom Lead über den Kontakt bis zum Abschluss — in der Kanban- oder Listenansicht, mit der Historie jedes Anrufs und Besuchs.
Angebote mit Lebenszyklus
Immobilien werden von verfügbar über in Verhandlung bis abgeschlossen verfolgt — mit Karten- oder Tabellenansicht und teilbaren, gefilterten Ansichten.
Für ein echtes Team gebaut
Makler sehen ihr eigenes Portfolio. Manager sehen ihr Team. Administratoren sehen die Organisation. Dasselbe Produkt, eine andere Perspektive — auf Datenebene durchgesetzt und nicht nur durch versteckte Buttons.
Technischer Ansatz
Fünf Entscheidungen, die das System erweiterbar halten, statt es immer komplizierter zu machen — dieselben Muster gelten für eine neue Seite, eine neue Rolle oder eine neue KI-Aktion.
So ist es für die Zukunft gebaut.
01
Ein Rendering-Muster statt eines Kampfs auf jeder Seite01Ein Rendering-Muster statt eines Kampfs auf jeder Seite
Jede Listenseite — Immobilien, Kunden, Kalender — folgt demselben Muster: zuerst serverseitig, dann interaktiv. Das Muster wurde in einem separaten Labor getestet, bevor es hier eingesetzt wurde. Neue Seiten übernehmen einen bekannten Kompromiss, statt ihn jedes Mal neu zu verhandeln.
02
Eine Struktur, die wächst, ohne unübersichtlich zu werden02Eine Struktur, die wächst, ohne unübersichtlich zu werden
Der Code ist nach Verantwortlichkeiten organisiert — Routing, Komposition, Daten und gemeinsame Logik — mit jeweils einer klaren Abhängigkeit in eine Richtung. Das kostet am Anfang mehr Aufbau, verhindert aber, dass die App mit ihrem Wachstum schwerer zu bearbeiten wird.
03
URLs, die echten Zustand speichern03URLs, die echten Zustand speichern
Filter, Ansichtsmodus und sogar der geöffnete Drawer leben in der URL — ein Manager kann einem Teammitglied einen Link schicken, das exakt dieselbe Ansicht öffnet. Ein kleines Detail mit großer Wirkung für ein Team, nicht nur für eine Einzelperson.
04
Die Datenbank ist die tatsächliche Sicherheitsgrenze04Die Datenbank ist die tatsächliche Sicherheitsgrenze
Berechtigungen bestehen nicht nur aus versteckten Buttons — sie werden auf Datenbankebene durchgesetzt. Ein Makler kann daher niemals Daten außerhalb seines eigenen Portfolios abfragen, weder über die Oberfläche noch über den KI-Assistenten.
05
Die KI folgt denselben Regeln wie alle anderen05Die KI folgt denselben Regeln wie alle anderen
Der Assistent schlägt eine Änderung vor, zeigt sie an und wartet auf Bestätigung, bevor etwas gespeichert wird — mit denselben Berechtigungsprüfungen wie bei einem menschlichen Nutzer. Er kann handeln, aber keine Schutzvorkehrungen umgehen. KI-Integration erkunden
Verwandte Projekte
Weitere Arbeiten in diesem Bereich
Touching Angles
Ein interner Operations-Hub für eine häusliche Pflegeagentur — ersetzt 15 Tabellen-Workflows durch konfigurationsbasierte Berichte und nach Akkordeon-Gruppen organisierte Compliance-Übersichten.
Lotis
Ein Projekt-Tracker für Umweltberater, die Telekommunikationsstandorte verwalten — Aufgabenabhängigkeiten werden als Diagramm dargestellt, inklusive bedingter Verzweigungen.
Kingsman
Fleet-Operations-Tool für ein Immobiliendienstleistungsunternehmen — ein Dashboard verbindet überfällige Anhängerrückgaben und unbezahlte QuickBooks-Rechnungen in einem einzigen Warn-Feed.
Revilo
Portfolio-Operations für eine Immobilieninvestmentfirma — verschiebbare Lebenszyklus-Boards und aufklappbare Panels für die Reise von Investoren, alles aus einer konfigurationsbasierten Shell.
StellarStaff
Arbeitskräfte-Übersicht für eine Remote-Personalagentur — die Sichtbarkeit von Managern ist auf Projektrollen begrenzt und nicht einfach ein pauschaler Admin-Schalter.
Ergebnisse
Was es in der Praxis liefert.
Läuft auf einer Live-Datenbank mit echter Berechtigungslogik
Makler, Manager und Administratoren sehen jeweils genau das, was ihre Rolle erlaubt.
Das Dashboard zeigt überfällige Aufgaben automatisch an,
Die Pipeline bildet ab, wie sich Geschäfte tatsächlich bewegen,
Der KI-Assistent arbeitet nach denselben Regeln wie alle anderen
Neue Seiten folgen denselben bereits bewährten Mustern