Mr. illi Showcase

Klikbare prototypes en visualisaties om in meetings te laten zien. Alles is plain HTML met verzonnen data — niets hier is gekoppeld aan echte systemen.

Start hier

• Inzichten — wie wil wat weten? — alle rollen, hun vragen, wat ontbreekt en welk prototype erbij hoort
• Logging-roadmap & datacatalogus — alles wat we loggen, klaar hebben staan of zouden kunnen loggen, met velden, rollen en prioriteit

Sales & innovatie

Voor accountmanagers en innovatiemanagers van zorglocaties: van eerste gesprek tot opschalen.

• Pilots — live succescriteria met aftelklok, eindrapport, presentatie voor het MT, pijplijn en wat conversie voorspelt
• Innovatiemanager — businesscase met schuifjes en terugverdientijd, voor/na, uitbreiden per afdeling, benchmark, rapportbouwer
• Sales-toolkit — warme leads, demo-TV, offerte bouwen, referenties zoeken, gespreksvoorbereiding, verlengingen
• Pilot starten — samen succes bepalen bij de start, met 60-dagenplanning
• Sales-inzicht · Klant 360° · Techniek per klant · Nederland in 3D

1 · Menu & navigatie

• Mijn Mr illi — menu-vorm — huidig vs. rail, gegroepeerd, top-navigatie en mobiele tabbalk
• Mijn Mr illi — menu-groepering — als er 18 pagina’s zijn: per taak, per locatie, per rol, inklapbaar, twee niveaus, tegels, zoeken eerst
• Mijn Admin — menu-groepering — huidig vs. per onderwerp, per taak, favorieten, twee niveaus, megamenu, per rol, tegels en Ctrl K

2 · Schermen — Mijn Mr illi

• Apparaten — wat staat er nú op elke TV, TV-detail met afstandsbediening, plattegrond van de afdeling
• Dagprogramma-editor — met advies en rustig-actief-lijn, voorbeeld op de TV, weekoverzicht en sjablonen
• TV-prestaties — internet, wifi en hoe soepel de app draait: per TV, verloop, vloot, sales en pushmelding
• De eerste keer — startlijst, rondleiding, lege schermen, familie-start, QR voor nieuwe collega’s, pilot starten
• E-learning (“Hoe werkt het?”) — bestaande rondleidingen, leerpaden per rol, badges en certificaat, opdracht in de praktijk, quiz, teamoverzicht, korte video’s
• Thema & toegankelijkheid — donker, hoog contrast, groot, eigen huisstijl van de zorggroep, compact
• Mantelzorger-app — “je foto’s zijn 23× getoond”, pushbericht, levensverhaal invullen, foto delen met context

3 · Schermen — Mijn Admin

• Mediabibliotheek — tabel met scrubbende thumbnails, galerij met hover-preview, lijst + voorbeeld, workflow, audio met golfvorm, afbeeldingen
• Media bewerken — speler + formulier, live TV-voorbeeld, ondertitels, audio inkorten met luidheidsmeter, focuspunt, planning & cijfers
• Media uploaden — slepen met echte voorbeeldbeelden, dubbel-check, alles in één tabel, stappenplan, uploaden op de achtergrond
• Ondertitel-editor — Whisper-transcript nakijken (twijfelwoorden, alternatieven), in beeld bewerken, tijdlijn met golfvorm, audit-wachtrij, leesbaarheid
• GPS & segmenten — route op de kaart bij de video, glitches weghalen, segmenten met plaatsnamen, verrijking met foto en tekst, zo ziet de TV het, zoeken op de kaart
• Klant 360° — één pagina per klant, tijdlijn uit alle systemen, vergelijken met vergelijkbare locaties

4 · Grafieken & inzichten

• Apparaatgebruik — visualisatie-varianten — dezelfde data als lijn, gestapeld, kalender, uur × dag, kerncijfers en sparklines
• Mijn Mr illi — Inzicht — kliks (huidig) vs. kijktijd per bron vs. verhaal voor de innovatiemanager
• Mijn Mr illi — Dagverloop per TV — elk dagprogramma-onderdeel als blok: één dag, een week, of de hele locatie
• Mijn Mr illi — Maandrapport — afdrukbaar rapport met benchmark en tips, plus de e-mailversie
• Mijn Admin — Contentprestaties — kliks vs. uitkijken, verborgen parels, dagprogramma vs. zelf gekozen per categorie
• Mijn Admin — Sales-inzicht — klantgezondheid, gespreksonderwerpen, verlengkalender, pilots, cohorten, kaart
• Mijn Admin — Vlootgezondheid — releases, fouten, auth-events, QoE, uptime-heatmap en triage
• Mijn Admin — Dataverkenner — parallelle coördinaten met brushing, k-means clusters, 3D-PCA (three.js)

5 · Rollen op de zorglocatie

Web én telefoon. Elk scherm heeft onderaan “Welke data heeft dit scherm nodig?”.

• Zorgmedewerker — telefoon: wat staat er nu op, snelle actie bij onrust, overdracht; plus het kantoorscherm
• Activiteitenbegeleider — weekplanner op de TV, één-tik terugkoppeling op de telefoon, maandterugblik
• Vrijwilliger — eenvoudige telefoon-app met beperkte rechten, afstandsbediening, “jouw impact”
• Fysio- & ergotherapeut — beweegminuten per afdeling, oefenvideo’s, sessie-registratie op de telefoon
• Teamleider — afdelingen vergelijken, doelen bijhouden, pushmelding bij uitval
• ICT & facilitair — wifi-plattegrond, QR-storingsmelding, installatie-checklist
• Bestuurder zorggroep — alle locaties naast elkaar, rekenmodel voor effect, jaarverslag

6 · Rollen bij Mr. illi

• Strategie & directie — noordster-boom, groeimodel met schuifjes, marktaandeel op de kaart
• Contentteam — planning & rechten — gaten in het aanbod (zoekopdrachten zonder resultaat), seizoenskalender, rechten die verlopen
• Support — diagnose per TV, proactieve meldingen, kwaliteit van de supportlijn
• Product owner — adoptie van functies, A/B-experiment, NPS per rol
• Marketing — klantverhaal uit data (met toestemming), live teller voor de website

7 · 3D (three.js)

Volledig scherm, slepen = draaien, scrollen = zoomen. Ook ingebouwd als blok in de schermen TV-prestaties, Inzicht, Dagverloop, Sales-inzicht, Vlootgezondheid en Contentprestaties.

• Wifi in het gebouw — drie verdiepingen met wifi-warmtekaart; klik om access points te plaatsen, “beste plek”-advies
• Een dag in de woonkamer — het dagprogramma speelt op de TV (echte video), het licht volgt de dag, kliks vs. kijktijd
• Nederland in 3D — provincies als reliëf, klantzuilen en lichtende CDN-stromen
• Vlootstad — elke TV een gebouw, heartbeats lichten op; kleur op status, platform, versie, internet of soepelheid
• Content-heelal — 2.300 items als sterrenstelsel per thema, zoeken en erheen vliegen
• 3D-staaflandschap — uur × weekdag als 3D-reliëf (basisvoorbeeld)

8 · Voorbeelden & sjablonen

• Mijn Mr illi — lege layout — startpunt voor nieuwe mijn-prototypes (app-balk, menu, footer)
• Mijn Admin — lege layout — startpunt voor admin-prototypes (gegroepeerd menu met badges)
• Chart.js — basisgrafieken — zelfde library als mijn-mono
• Apache ECharts — heatmap, kalender, sankey
• D3 — maatwerk visualisatie
• Alpine.js — interactieve lijst met slepen — klikbare prototypes zonder build-stap
• Leaflet — locaties op een kaart
• Mermaid — flow- en sequentiediagrammen
• Chart.js — gevorderd — matrix-heatmap, Gantt, annotaties, radar, bubble, 100%-gestapeld, dubbele as, donut met midden-tekst
• ECharts — meer — treemap, sunburst, netwerk, themeRiver, meter, trechter
• D3 — meer — beeswarm, krachtennetwerk, small multiples
• Telefoon + web — sjabloon — startpunt voor een prototype met telefoon- en browserframe naast elkaar
• Dashboard-bouwstenen — KPI’s, inzichtkaarten, filters, segmented control, datapaneel