Tiktok Effect House
2021 - Until Now, San Jose
Tiktok, AR Effects, Desktop Application Tool
Tiktok
Effect House is a desktop tool that faces the public to create, publish and share Augmented Reality effects for Tiktok. Feel free to check the website and try the tool at:
https://effecthouse.tiktok.com/
My Contributions
Template Production
Education & Tutorial
Visual Scripting Feature Design
Visual Scripting Development
Project Objectives
To expand what’s possible with effects, we created Effect House – a platform that allows anyone to build Community Effects for TikTok. Effect House has been in closed beta since last fall, and today we’re excited to open the beta to all creators, designers, and developers from around the world, inviting them to imagine new frontiers for TikTok’s effects universe.
Template Production
Led the Effect House Template Team to:
-
Inspiring community creators with trending effects and fresh ideas.
-
Showcasing new features and encouraging creators to explore innovative applications.
Here are some key outcomes of the team efforts:
-
Delivered 20–25 high-quality templates per quarter, with over 120 templates produced in total, contributing significantly to the platform’s creative ecosystem.
-
Achieved a remarkable conversion rate of 40%, meaning nearly half of TikTok effects were generated using our templates, highlighting their widespread adoption and impact.
Key Responsibilities:
-
Collaborated with the track leader and product manager to define strategy and oversee daily operations of template production.
-
Ensured consistent delivery of high-quality templates through meticulous maintenance, transparent communication, and effective cross-team collaboration with engineering, product management, design, and QA teams.
-
Designed and produced templates from ideation to development, contributing approximately one-third of the total templates.
-
Prepared comprehensive documentation by writing detailed tutorials, recording engaging video guides, and hosting live courses on YouTube to educate and inspire creators.
Below are examples of the templates I personally created, reflecting the creativity and technical expertise that drove the team’s success. You can get access to them through EffectHouse homepage or click the cover image to jump to the tutorial.
Graph Production
Graph is a node-based coding system allows creators to build visual and interactive effects without requiring knowledge of text-based coding. I had worked on design and develop the nodes for these graph system.
Key Responsibilities:
-
Did competitor research and collaborated with the product manager to define the strategy;
-
Designed the node details, such as the node function, input and output. Then developed the nodes from prototype to final delivery.
-
Prepared comprehensive documentation and demos by writing article tutorials, recording video guides, and hosting live courses on YouTube to educate creators.
Material Graph Node - Screen Art Effect
In additional to the common fundamental nodes existing the same as in the other industry tools, I had designed some unique types of nodes especially for screen visual effects.
I break down general screen effects to these 3 categories:
Transition: To manipulate animation within properties such as number, color, shape, transform;
2D SDF: Generate signed distance field in commonly used shapes;
Effect: Wrapped screen effects such as dissolve, blur, edge detection, and math art function.
And here are some node design examples:
