Tiktok for business design system
The TTFB design system in Figma provides a comprehensive set of components, styles, and guidelines for creating cohesive digital products. It includes a library of typography, colors, email layouts, and more, ensuring consistency across all screens and interactions. With easy access to these elements, designers and developers can efficiently collaborate, iterate, and maintain a unified design language throughout the project lifecycle.
project overview
Our team created a design system in Figma that would allow us to organize all of the elements of the brand in one place. Before this project, TTFB’s design elements were either written out in guidelines or built out in Adobe programs, neither of which allowed for efficiency when project briefs would come in quickly.
Components
Once the foundation of the design system was built, we built components using the grid guidelines, typography styles, color palettes, and iconography.
Implementation - H5 and mobile email designs
Once this design system was built, components and elements were used to build HTMLs and H5s for the TikTok for Business brand.
TikTok for Business is a platform businesses use to create marketing campaigns, work with influencers, and utilize advertising options to reach millions of users globally. The platform offers various tools and analytics to help businesses track their performance and reach their target audience effectively. These H5 and mobile emails were sent to creators based on the campaign being driven.
