Ressourcen
Materialien & Links
Google Drive
Assets & Docs — Logos, Bildmaterial, Briefings, Verträge und Whitepaper.
drive.google.com
Design System
Tokens, Typografie, Komponenten, Sidebar-Patterns & Voice-Guidelines.
21_design_system.html
Figma demnächst
Vektor-Quelle aller Screens — Komponenten-Library, Prototypen, Auto-Layout.
figma.com/file/…
Prototyp demnächst
Klickbarer Prototyp — interaktiver Durchlauf der Plattform-Flows zur Abstimmung mit Stakeholdern.
prototyp.alb-hanse.de
GitHub Repository
Source-Code der Mockups & perspektivisch der Plattform — WordPress / PHP.
github.com/hendrik-98/alb-hanse
Änderungswünsche
Feedback & Change-Requests — Issues, Bugs und neue Anforderungen zentral erfassen und priorisieren.
https://docs.google.com/...
Marke
Logo & Markenelemente
Hauptlogo
Speicherstadt-Silhouette mit Schriftzug — für Header, Briefbögen, Footer und große Flächen.
Logo-Mark
Reine Speicherstadt-Silhouette für Favicon, App-Icon, Avatare und enge Räume.
Marineblau
#1E3A5F
Sand
#D4B896
Hanseblau (Logo)
#5A8DC6
Bruchweiß
#FAFAF7
Farbtokens
Hanseatisch-zurückhaltende DNA — definiert in
assets/alb.css.
ALB Hanse · Mein Mieterportal
×
Speicherstadt-Bauten
portal.alb-hanse.de/mieter/dashboard
Browser-Tab
Logo-Mark als
.svg Favicon — wirkt klein noch lesbar dank kompakter Silhouette.ALB
Nachr.
Tel.
Wetter
Kamera
Kal.
Karten
Musik
Home-Screen
PWA-Installation auf iOS & Android — Sand-Akzent als feiner Glow auf Marineblau für sofortige Erkennbarkeit.
Farben
Typo
Aa
Source Serif · Inter
Pills
OK
Wartet
Fehler
Buttons
Speichern
+ Inputs, Cards, Tables …
Style Guide & Komponenten
Tokens, Typografie, Buttons, Pills, Cards, Sidebar-Patterns, Voice & Tone — alles auf einer Seite.
Öffentlich
Außenauftritt
Mieter
Mieterportal · Mobile First
Anmeldung
Login mit E-Mail / Mieter-ID, Face ID
Dashboard
Wohnungsdaten, Tickets, Dokumente, Zahlungen
KI-Schadensmeldung
Geführter Bot-Dialog mit Fotoupload
Schaden-Formular
Klassische Variante zum KI-Bot · 3 Schritte
Meine Tickets
Aktive & erledigte Tickets mit Statusbalken
Ticket-Detail
Status-Timeline, Termin, Verwalter-Kontakt
Nachrichten
Chat mit Verwalter · Termin-Karten
Dokumente
Vertrag, NK-Abrechnungen, Hausmitteilungen
Profil & Mietkonto
Stammdaten, Kontakt, Einstellungen, Logout
Eigentümer
Eigentümerportal
Verwalter
Verwaltungsportal · der dichteste Bereich
Übersicht
KPIs, Tickets, Aktivitätsfeed
Kalender
Wochenansicht mit Terminen aller Art
Ticket-Detail · E-Mail-Beauftragung
Ticket bewerten, Handwerker per E-Mail beauftragen
Objekte-Übersicht
Liste aller Immobilien mit Auslastung & KPIs
Objekt-Detail
Weckmannweg 6 · Einheiten, Tickets, Stammdaten
Wohnungs-Detail · Exposé
Weckmannweg 6 · E-001 · EG · Exposé
Wohnungs-Detail · Exposé
Weckmannweg 6 · E-007 · 2. OG links · Maklerdaten
Wohnungs-Detail · Exposé
Weckmannweg 6 · E-009 · 2. OG rechts · Exposé
Wohnungs-Detail · Exposé
Weckmannweg 6 · E-005 · 1. OG mitte · Exposé
Wohnungs-Detail · Exposé
Weckmannweg 6 · E-017 · DG rechts · Exposé
Finanzen · Alle Objekte
Rechnungsübersicht, Rücklage, Eigentümerüberschuss
Finanzen · Weckmannweg 6
Rechnungen, Rücklage 10 %, Eigentümerüberschuss
Handwerker