Examples of AR Effects for which I covered UI, UX, 3D Design, and engine integration

TikTok Viral effects

Roles: UX / 3D Design / Project Manager / Art Director

Goals

I lead the development of AR creative tools and effects that empower users to tell stories on TikTok.

Impact

  • Led R&D projects to develop core interactive features for TikTok AR, such as the Immersive Music Creative Effects iniative.
  • Art directed and created 100+ effects that attracted millions of new users.
  • Transformed complex technologies into intuitive creative tools, lowering barrier to entry that allowed users to unleash their creativity.
  • Onboarded and mentored 10+ designers, guiding them through the real-time AR pipeline, user trend discovery, and transforming ideas into impactful projects

Creating Viral Effects

Each viral effect creation process includes ideation, iteration, and problem solving. I drive user research and cross-functional brainstorms to discover the best experiences for our users.

Ideation

I prioritize user research and trends, dedicating 2 hours daily to TikTok. I bring these discoveries to our internal and cross-functional teams, which drives targeted ideation for our demographic.

After Effects Prototype

After Effects Ideation Demo;
giving designers and engineers better idea of interaction

Final Effect

Final effect compilation ; reacts to music

Meteor Shower

Audio reactive effect with atmospheric rain drops that collide with the user


• Discovered a lack of atmospheric effects compared to face effects on TikTok through app research


• Proposed an idea that utilized our new human-segmentation technology which encourages users to engage with their full body


• Created visual prototype demos that clearly communicated interactions and reduced production bottlenecks

Wireframes

Prototype Elements

Iteration

For projects with complex user interactions, I lead multiple iterations to polish the experience. I work alongside other UI designers to revise the user flow until we find the most effective approaches.

Animal Audition

Audio reactive effect that deforms the user's face into an animal based on the sound they make


• Created multiple interaction flow options using assets created by UI designer


• Conducted internal A/B testing on employees with no knowledge of effect interaction


• Determined friendlier interaction flow through testing, leading to better user experience

Interaction Flow Iterations

Interaction Flow Iteration
Iterated on effect interaction using assets by UI designer

Final Effect

Final effect compilation ; reacts to voice

Creative Solutions

We often run into technical bottlenecks during development. I partner with the engineering team to devise lasting solutions. At the same time, I ensure our designers have the necessary resources to create effective short-term fixes.

3D deformation artifact and solution

Face Deformation Artifact;
solving issues through creative solutions

Final Effect

Final effect compilation ; reacts to smile

Horrify

3D Face deformation effect that changes the user's face based on the intensity of their smile



• Discovered visual artifact caused by algorithm and mesh limitations


• Separated out deformation process into two stages to avoid visual glitch


• Successfully resolved technical issue through creative solutions and maintained original timeline

Wetware

Yokai!

M.A.A.D

Momento