Below you can view step-by step both mobile and desktop versions of how the digital tool works. I designed each step along with way in Photoshop, and even chose stock photography and illustrated unique icons to fit with the Top Knobs simple and sophisticated brand style.
(click to expand)
Below are line-art drawings of knobs and pulls that I illustrated to help the user decide what category they want to choose.
I also designed a layout to show how the downloadable PDF of the user's style results should print out:
Below is a simple email mockup and social sharing options for the quiz: