Candy Challenges

I then quickly created and shared early wireframes with annotations that detailed the context and usage of net-new elements needed for Challenge pages. This format encouraged discussion and invited feedback without being too prescriptive. I was able to quickly incorporate feedback with this quick and casual process.

Early wireframes with annotations on new required page elements for Candy Challenges.

Once the foundational UX journey was approved I collaborated with the design systems lead on building the UI from existing components as well as introducing new patterns that the Candy Challenge project introduced. There were new UI patterns related to selection elements, on/off states, and mobile card layouts that were crucial to my designs, and I worked to ensure these components were consistent and reusable in the design system library.

I also created mid-fi mock-ups that were still quick to make, but more opinionated and fleshed out in order to start conversations with relevant partners.

After more back and forth between engineering on front-end capabilities and critiques within the design team, I continued to hone and stress test my new Challenge components. Each time, dialing in the fidelity until it eventually became an annotated hi-fi redline spec.

New design system components I created to be introduced and reused in Figma.

With the overall UX agreed upon within the team I incorporated all the design facets into a hi-fi UX flow for all to reference.

Early iteration of a golden path UX flow.

Keyline guide and size dimension specs for the website that I created for art directors.

Candy Challenges

Designing an experience for the collector that wants it all