MTB Creator Studio

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.

Creator Studio editor in a browser frame alongside Kai Rivera’s TOIbox with three example Scrolls
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 structureCreator-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 panelsControls 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 participationExperience 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

Construction worker wearing a white safety helmet and Argus smart visor
AR / AI / CROSS-PLATFORM

Argus

A smart visor with connected mobile
and tablet apps to help construction teams
stay safe and communicate on site.

ROLE

Product Design Lead

FOCUS

Product Design · Mobile & Tablet UX · AR Interaction

AWARDS
Prototypes for HumanityRed DotIDA Design Awards
VIEW CASE STUDY →
Hand holding Virufy’s Record Cough mobile research screen in a clinical setting
HEALTHCARE / MOBILE

Virufy

A mobile research experience collecting cough,
breathing, and health data for respiratory AI.

ROLE

UX Designer

FOCUS

UX Strategy · Interaction Design · Prototyping & Testing

STATUS

Prototype showcased at KIMES 2025, a Korean medical technology exhibition · Research partnerships established.

COMING SOON
TYR cockpit with rectangular center touchscreen, circular driver display, and raised passenger display
AUTOMOTIVE / HMI

TYR

A next-generation in-vehicle experience designed for Gen Z.

ROLE

UX Designer

FOCUS

In-Car UI · Design Systems · Interaction Design

AWARDS
Forbes
VIEW CASE STUDY →
TOOL RENTAL / CONNECTED SERVICE

Nifty

A tool-rental system connecting a mobile
app, AR guidance, and smart lockers.

ROLE

UX Designer

FOCUS

Mobile & Locker UI · AR UX · Research & Testing

AWARDS
Red DotIndigo Design Awards
COMING SOON