Een FAQ-widget die antwoorden geeft, niet zoekwerk.
Voor de nieuwe website van IMBEMA ontwierp ik een herbruikbare FAQ-widget. Ik werkte twee opzetten uit en bouwde een werkend HTML-prototype als basis voor de bouw door CloudSuite. Daarna testte ik beide varianten in de testomgeving, op desktop en op de telefoon.
Veel technische vragen per product, zonder lange tekstpagina's.
Een uitklapbare FAQ in twee opzetten, eerst als prototype in code.
Een herbruikbare widget, getest in het CMS op desktop en mobiel.
Veel vragen, weinig scrollruimte.
Technische producten roepen veel vragen op. Op een productpagina leiden die tot lange lappen tekst waar de bezoeker het antwoord zelf moet zoeken. Voor de nieuwe website van IMBEMA stelde ik daarom een FAQ-widget voor die per product in te zetten is.
Het eerste product was de AssetGuard Trafo, een monitoringsysteem voor transformatorstations. De vragen van klanten, van “Hoe werkt het?” tot “Is de data-overdracht veilig?”, werden een uitklapbare lijst waarin de bezoeker alleen opent wat hij wil weten.
Licht of donker, afhankelijk van de pagina.
Ik werkte twee opzetten uit. Een lichte variant met witte kaarten, die rustig in een contentpagina past, en een donkere variant in IMBEMA-blauw, die opvalt als blok op een lichte pagina. Zo kan de redactie per pagina kiezen zonder dat het ontwerp uit elkaar valt.
Niet tekenen, maar laten werken.
Om het gedrag te kunnen beoordelen, bouwde ik de widget als HTML-prototype. Hieronder staat een werkende versie, met de echte vragen en antwoorden. Wissel tussen de twee opzetten en klik op een vraag.
Veelgestelde vragen over AssetGuard Trafo
Alles wat je moet weten over monitoring van transformatorstations
De AssetGuard Trafo is een slimme monitoringsoplossing die 24/7 transformatorstations bewaakt. Het systeem meet spanning, stroom en werkt met externe sensoren om risico’s zoals oververhitting, rook, vocht of lekkage vroegtijdig te signaleren.
Het systeem bestaat uit een meetmodule die in het transformatorstation wordt geplaatst. Rondom de trafo kunnen externe sensoren worden aangesloten. De meetwaarden worden real-time doorgestuurd naar een online dashboard met automatische alarmering.
AssetGuard Trafo is geschikt voor zowel nieuwe als bestaande transformatorstations. Het systeem kan eenvoudig worden geïnstalleerd als retrofit of direct worden geïntegreerd in nieuwbouwprojecten.
Veelgebruikte sensoren zijn:
- Rookmelder
- Oliepeilsensor
- Olietemperatuursensor (PT100)
- Waterdetectiesensor
- Temperatuur- en luchtvochtigheidssensor
Deze sensoren helpen om kritieke afwijkingen vroegtijdig op te sporen.
Ja. Voor bedrijven met installatieverantwoordelijkheid (IV-schap) volgens NEN 3140 / 3840 biedt AssetGuard Trafo waardevol inzicht. Het systeem ondersteunt veilig beheer en conditiegestuurd onderhoud van elektrische installaties.
Ja. De AssetGuard Trafo voldoet aan hoge eisen voor dataveiligheid, waaronder ISO 27001. De communicatie tussen meetmodule en dashboard verloopt via beveiligde verbindingen.
Het systeem wordt momenteel gebruikt in onder andere industriële omgevingen, utiliteitsbouw, energiebeheer, gemeentelijke infrastructuur en door IV’ers die meerdere transformatorstations beheren.
- F-01Eén plus-icoon dat draaitHet plusje draait naar een kruisje als een antwoord open staat. Zonder uitleg is duidelijk wat open en dicht is.
- F-02Vragen in de taal van de klantElke vraag is geformuleerd zoals een klant hem stelt, niet als productkenmerk.
- F-03Toegankelijk opgebouwdEchte knoppen met de juiste status voor schermlezers, en te bedienen met het toetsenbord.
Gebouwd door CloudSuite, getest op desktop en telefoon.
Op basis van mijn ontwerp en prototype bouwde CloudSuite, de leverancier van het CMS van IMBEMA, de widget in het systeem. In de testomgeving controleerde ik daarna hoe beide varianten zich gedragen tussen de echte header en footer, en op een smal scherm.
Een component, geen losse pagina.
Alleen openen wat je zoekt
De bezoeker scant de vragen en klapt er één open. De rest blijft rustig.
Twee varianten, één systeem
Licht en donker delen maten, iconen en typografie.
Eerst prototype, dan bouw
Een werkend prototype maakt de overdracht aan de bouwer eenduidig: zo moet het eruitzien én werken.
Wat ik meeneem
Een widget ontwerpen is ontwerpen voor de redactie én voor de bezoeker. Beide moeten er zonder uitleg mee kunnen werken.
Wat ik anders zou doen
Bijhouden welke vragen het vaakst worden opengeklapt, zodat de volgorde en de productpagina zelf daarop kunnen worden aangepast.
Een component die meteen werkt?
Ik ontwerp onderdelen die niet alleen mooi zijn in een mockup, maar ook werken in het CMS en op de telefoon.