WPC — Wicked Problem Challenge
Van spellogica naar scherm: interactief design voor een complexe business simulatie.
02
Context
AstraZeneca en Edumundo wilden studenten laten oefenen met wicked problems: complexe vraagstukken zonder één juist antwoord, waarbij elk besluit bijwerkingen heeft. Het spelontwerp bestond al — acht rondes met escalerende spanning, individuele en teaminteracties, en een AI die confronteert in plaats van helpt.
De designuitdaging: hoe vertaal je een gelaagd spelidee naar een schermervaring die intuïtief aanvoelt, ook als de inhoud ongemakkelijk is? En hoe maak je zichtbaar wanneer een speler individueel werkt versus als team, terwijl de tijdsdruk oploopt?
Aanpak
Spelanalyse & UX-flows
Analyse van de spellogica en game design documentatie. Per ronde uitgewerkt: wat een speler individueel doet, wanneer de overgang naar teaminteractie plaatsvindt, en hoe AI-output terugkomt als systeemfeedback in plaats van vrij gesprek. User journeys voor zowel speler als facilitator.
Schermstructuur & wireframes
Wireframes voor alle schermen en interacties: individuele inputstap, teamdiscussie, AI-reactie en consequenties. De twee interactielagen (individueel vs. team) visueel duidelijk gescheiden. Tijdsdruk en voortgang zichtbaar verwerkt in de schermopbouw.
Visueel design & prototype in Lovable
Functioneel en visueel uitgewerkt design in Lovable als directe developer handoff. Spelerstatus, rondestructuur en AI-feedback kregen elk een eigen visuele behandeling, zodat spelers altijd weten: waar ben ik, wat doe ik nu, en wat is dit voor feedback?
Flowchart & overdracht
In FigJam uitgewerkte flowchart van de volledige simulatielogica: rondes, iteratiecycli en systeemreacties. Samen met de wireframes en het Lovable-prototype een compleet bouwpakket voor de externe developer.
Oplossing
Een volledig uitgewerkt design in Lovable — inclusief visuele stijl, schermopbouw en interacties — als directe overdracht aan de developer. Samen met de flowchart en wireframes zorgde dit voor een helder en compleet bouwpakket.
Resultaat
Van spellogica en documentatie naar developer-klaar design
Plus iteratiecycli uitgewerkt in één samenhangende schermstructuur
Flowchart (FigJam) + wireframes (Figma) + hi-fi prototype (Lovable)