Streamlining
self-service marketing
campaigns within Tinder
Streamlining self-service marketing campaigns within Tinder
Team
Engagement
Company
Tinder
Original design
Campaign editor
Final design
Originally, self service campaigns were handed off from designers to engagement specialists, who would have to detect closest hex codes, which couldn't detect light and dark mode.
Originally, self service campaigns were handed off from designers to engagement specialists, who would have to detect closest hex codes, which couldn't detect light and dark mode.
Through extensive usability testing and crits, we updated the internal tooling so campaign managers could easily toggle between recommended themes, tokens, and preview light and dark mode.
Results
•Increased design system color from 32 to 59% and typography adoption from 18% to 36%
•Increased WCAG accessibility from 10% to 34% with color supported tokens
• Overall decreased design and engineering time spent in feature launches and campaigns
•Increased design system color from 32 to 59% and typography adoption from 18% to 36%
•Increased WCAG accessibility from 10% to 34% with color supported tokens
• Overall decreased design and engineering time spent in feature launches and campaigns
Streamlining
self-service marketing
campaigns within Tinder
Team
Engagement
Company
Tinder
Original design
Campaign editor
Final design
Originally, self service campaigns were handed off from designers to engagement specialists, who would have to detect closest hex codes, which couldn't detect light and dark mode.
Through extensive usability testing and crits, we updated the internal tooling so campaign managers could easily toggle between recommended themes, tokens, and preview light and dark mode.
Results
•Increased design system color from 32 to 59% and typography adoption from 18% to 36%
•Increased WCAG accessibility from 10% to 34% with color supported tokens
• Overall decreased design and engineering time spent in feature launches and campaigns
Content