Top Knobs Digital Tool

While I was working for Preston Kelly in Minneapolis, this knob and pull hardware client asked our team to concept, wireframe and design a digital tool to get more traffic to their website. Essentially, we built a style quiz to help users determine which products they should buy from Top Knobs for their new kitchen remodel. My role involved working with the digital team to layout and design the entire look and indicate specific functionality for the development team. I provided multiple design options that the team then presented to the client and communicated to developers.

Preston Kelly | Agency | Web Design | 2017
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:
↑Back to Top