User research showed heavy cognitive load, banner blindness and flow problems on this page where you chose conditions in your family. This page was an important step towards getting value on the site.
Current design prior to this project shown.
Quickly sketched ways we could improve the conditions picker page and how the site could flow into mobile.
Took the best ideas from sketching and translated into wireframes. Shopped around internally and narrowed down to some flows to test.
Iterated on different visuals and tested on mobile devices to see which interactions could be improved per platform and browser.
Created new card system to support this design.
Explored different header styles and tested which visual system was most clear on the phone.
Iterated quite a bit on visual styles, for example the cards below, to explore the best UI for the interactions of selecting conditions and provide solutions based on scope.
For the desktop version, thought a drag n’ drop interaction might make adding conditions for family members easier.