Mobiel klantportaal met realtime updates

Op elk scherm bruikbaar

Klanten openen hun portaal het vaakst op de telefoon, en daar is het portaal volledig op gebouwd. Op schermen tot 640 pixels verdwijnt de bovenbalk en komt onderaan een vaste tabbalk met maximaal vijf items: Start, Planning, Docs, Facturen en Support. De hero wordt compact en de kaarten full-width. De onderbalk toont alleen de items die de klant ook echt heeft, dus nooit meer dan nodig. Op desktop plakt de tabnav bovenaan met een extra tabblad Geschiedenis. Interactieve elementen hebben aria-labels en zijn met het toetsenbord te bedienen, getest op iOS Safari en Android Chrome.

Updates komen vanzelf binnen. Het portaal controleert elke 30 seconden of er iets gewijzigd is in het CRM. Pas je een status, factuur of afspraak aan, dan verschijnt onderaan de indicator Project bijgewerkt, vernieuw, en één klik herlaadt de actuele gegevens. Staat de tab langer dan een minuut op de achtergrond, dan pauzeert het pollen om batterij en data te sparen en hervat het zodra de klant terugkeert. Zo ziet de klant altijd de laatste stand, zonder dat jij hem iets hoeft te mailen.

Meerdere projecten, één overzicht

Klanten met meer dan één project, bijvoorbeeld zonnepanelen én een warmtepomp, hoeven niet tussen losse links te zoeken. Rechtsboven in de hero verschijnt dan een account-chip met de voornaam en het aantal offertes en producten. Klikken opent de dropdown Mijn projecten, netjes gegroepeerd per producttype met de actieve groep gemarkeerd. Elke versie-regel toont de offerte-ID, de status en het bedrag en linkt naar zijn eigen portaal met een eigen token.

Bij één project blijft het beeld bewust rustig: de chip verschijnt pas als er echt iets te kiezen valt. De koppeling loopt op het klantnummer in plaats van het e-mailadres, zodat projecten gekoppeld blijven ook als de naam of het mailadres van de klant wijzigt. De projectenlijst is per bedrijf gescoped, dus een klant ziet uitsluitend zijn eigen offertes en nooit die van een ander.