As the "lyfe sycles" (sic) wireframe on the right will show you, we had a lot of great ideas flow from our white-board sessions. I purposely kept the mood airy and light to make sure that we explored every option for displaying data to our users and that we didn't get too rigid into pre-defined paradigms (ones that were clearly not working, according to our user's feedback).

After we gathered our wireframes, I took them back to sketch to create low-fidelity mocks and then create interactive prototypes in HTML+CSS+JS. These prototypes allowed me to quickly and clearly explain both the interactions on the pages, and outline the exact expectations for layout and fluidity. These prototypes were handed off to stakeholders and engineering while I finished the high-fidelity mocks for final delivery. The intermediate step of real-ish example sites allowed the entire team to have a better understanding and shared vision for the final site – making the high-fidelity mocks an expected outcome to a shared vision.