Background

The brand new generative AI experiences team is looking to build our first product to learn more about the AI space. In this exploration, I’ve learned a massive amount about figma variables and conditionals, which has really leveled up my prototyping skills.

NOTE: These are not final designs, these are just a step above first draft wireframes and done on a tight one week timeline. The main purpose is to showcasing prototyping skills.

We tested 3 designs and already got feedback for round two of design iterations (including: ai disclaimer, read/listen buttons, and combining elements of different designs). I used variables and conditionals to create the load bar timer. I used smart animate to do the load bar, side scrolling, circular load bar, and page transitions when applicable: