Promo Validator

Working with multiple teams delivering assets for the Behr consumer site the content team would often receive assets where text was illegible or not visible on certain breakpoints within the site. Often times my team at the last minute had to fix these elements and most often without source files. Worst case delaying launches but more often wasting valuable time and resources. Utilizing Figma's components and cloud based features I developed a method dubbed "The Promo Validator" that our internal and external partners could use to validate "safe zones" on the promotional assets for the sites promotional areas prior to delivering to the Behr content team. Also allowing our internal content team to quickly verify the assets upon delivery without having to wait for validation on QA servers.

Drag and Drop Verification
Simply drag and drop the designed or received asset into the appropriate component and the user will get an immediate response on how it will look across the breakpoints of the responsive site for "safe-zone" validation and ADA readability.

Behr.com Promo Validator

See it in action
Example of a bad carousel, good carousel, and design crop.