Ad Builder

Ad Builder

The Wayve Ad Builder is a web app that creates dynamic and engaging digital advertisements. Ads can be made by uploading Photoshop files, then interactions and animation can be added in the Edit page.

I worked on the Builder throughout my two years at Wayve. While on the development team we implemented React/Redux and later I introduced a CSS-in-JS approach, which reduced styling errors but also helped educate developers on how components were styled.

At the same time, the Edit page went through a full re-design. Below are a few case studies detailing design decisions and learnings from the process.

Case studies:
Settings Panel
Asset Modal
Animation Timeline
Animation Keyframes