Expanding a mobile game creation app into a web platform for creators and brands.
MY ROLE
Product Designer & Developer
OWNERSHIP
IA → Design → Build → Deploy
PLATFORMS
Desktop · Mobile
STATUS
Ongoing · Pre-launch
Selected details are omitted to respect product confidentiality.
OVERVIEW
From making games to creating experiences.
STARTING POINT
When I joined, My TOIbox (MTB) was a mobile app for creating interactive games.
THE OPPORTUNITY
Social promotion and brand pitches showed that creators and brands had content, but needed ways to encourage audience participation.
MY CONTRIBUTION
Proposed the platform expansion and took it from product structure through interface design, implementation, and deployment.
PREVIOUS PRODUCT
My TOIboxMobile interactive game builder
PLATFORM EXPANSION
Interactive ExperiencesReusable templates for creating and customizing interactive content.
ScrollA page builder that combines content and interactive experiences in a structured layout.
HustleThemed programs that encourage content creation and participation through rewards.
MarketplaceA place to use earned rewards for purchases.
KEY DECISIONS
What creators need. How the product responds.
01
THE NEED
Creators had content but needed help organizing it into a page.
DESIGN RESPONSE
I used AI-assisted Scroll creation to provide an initial structure, with customizable blocks, content, and Experience styles so creators could refine the result.
AI-generated starting structure→Creator-controlled layout and content
02
EARLY FEEDBACK
Separate content and style panels made editing confusing.
DESIGN RESPONSE
I changed the panel to show the selected element’s controls together, reducing the need to move between panels.
Separate content and style panels→Controls for the selected element
03
THE NEED
Brands and creators needed to see when, how, and where audiences participated in their content.
DESIGN RESPONSE
I included real-time engagement data for each Experience and Scroll, so creators could review participation at both the interaction and page level.
Understanding audience participation→Experience and Scroll analytics
PROGRESS & NEXT STEPS
Implemented. Ready to validate.
COMPLETED
Product structure, interface design, implementation, and deployment, including engagement data for individual Experiences and Scrolls.
CURRENT STATUS
Pre-launch, with implementation complete and improvements ongoing.
NEXT TO VALIDATE
Can creators complete their first page without help? Where do they get stuck while editing?
MORE WORK
AR / AI / CROSS-PLATFORM
Argus
A smart visor with connected mobile and tablet apps to help construction teams stay safe and communicate on site.