Livewall Gamehub

Creating an reusable campaign!
6/03/2023
Roles
- UI/ UX Designer
- Graphic Design
- Concept designer
- Market Researcher
- Head programmer
- Audio/ sound designer
- Figma Designer

Project Overview
Tijdens mijn stage bij het brand & performance bedrijf LiveWall onderzocht ik hoe je een online oplossing kunt ontwerpen waarmee klanten van onze opdrachtgevers in hun vrije tijd verschillende soorten merkgerichte games kunnen spelen. Het doel was om de betrokkenheid tussen klant en merk ook buiten lopende campagnes om hoog te houden.


Project Plan
What do I have to
do and how?
Als eerste stelde ik een projectplan op waarin alle essentiële onderdelen van het project werden meegenomen. Denk aan het formuleren van de design challenge, een analyse van de opdrachtgever Livewall en een duidelijke afbakening van de opdracht, inclusief eisen en scope. Dit gaf me goed inzicht in de benodigde tijd per fase en hielp bij het kiezen van de juiste tools, zoals Figma en Unity. Zo ontdekte ik bijvoorbeeld al snel hoe belangrijk gamification zou zijn binnen dit project.
Research
Knowledge is
power!
Vervolgens dook ik dieper in het project. Ik onderzocht vergelijkbare initiatieven om te zien wat wel en niet werkte, en verdiepte me in gamification via interviews en boeken zoals Actionable Gamification. Zo ontdekte ik hoe game-elementen zoals levels en voortgangsbalken gebruikers kunnen motiveren. Ook deed ik useronderzoek naar de doelgroepen van LiveWall en hun partners, waarmee ik gerichte persona’s kon opstellen als basis voor het concept.
The Concept
What's the solution
to the problem?
Na grondig onderzoek ben ik aan de slag gegaan met het concept voor een gamehub. Het idee: gebruikers kunnen tijdens het gebruik van een app, zoals die van Rituals, tussendoor spelletjes spelen. Door dagelijks in te loggen en te spelen, verdienen ze punten die kunnen leiden tot korting. Dit stimuleert meer appgebruik en vergroot de kans op aankopen. Bovendien kunnen eerder ontwikkelde games door LiveWall slim worden hergebruikt in de hub en voor een langere tijd blijven, wat tijd en kosten bespaart voor zowel LiveWall als de opdrachtgever.
The Design
How's it going
too look?
Ik koos uiteindelijk voor een “pixel town” game hub om het speelse karakter te versterken en omdat ik ervaring had met pixel art – dat maakte het proces efficiënter. Het stadsontwerp baseerde ik op een moodboard met inspiratie uit verschillende games en apps. Gebruikers konden twee soorten punten verdienen: om de stad te versieren of korting te krijgen in de webshop. Ook liet ik zien hoe het design makkelijk aangepast kon worden per merk of seizoen, zoals rond feestdagen. Alles is uiteindelijk vastgelegd in een style guide.
Protypes
Let's try
it out!
Na meerdere feedbackrondes met de opdrachtgever ben ik gestart met het maken van een prototype in Figma. Dit tool bespaart veel tijd omdat je snel kunt ontwerpen zonder te coderen. Ik werkte in korte mini-sprints van een week per versie, tot zowel de opdrachtgever als de doelgroep tevreden waren. Onderweg vroeg ik regelmatig feedback van collega’s om het ontwerp verder te verbeteren.
The Demo
Now the real
thing is here.
Na het maken van Figma-prototypes wilde ik een werkende demo ontwikkelen om nog beter feedback van gebruikers te verzamelen. Met Unity heb ik een wereld gebouwd op basis van mijn prototype, inclusief een puntensysteem, mini-games, side-quests en personalisatieopties. Na de eerste usertests bleek dat sommige UI-elementen niet duidelijk genoeg waren, dus heb ik een tutorial toegevoegd en nieuwe sprites ontworpen. Hierdoor begrepen gebruikers de app beter en kon ook Livewall de demo presenteren aan hun opdrachtgevers.
The Next Steps
So what now?
Als afsluiting heb ik een overdrachtsdocument opgesteld met alle essentiële informatie voor Livewall om het project voort te zetten. Denk aan do’s & don’ts, gebruikersonderzoek, mogelijke uitbreidingen en geschikte software of engines. Een deel hiervan is later ook echt gebruikt in hun projecten. Met dit project heb ik mijn bachelor Interactive Design aan Fontys succesvol afgerond.
PinkpopInnoBeweegLab