Decision Tree
Malta Dynamics has a huge assortment of safety equipment so it was important for us to streamline the content as much as possible but still keeping the goal in mind of keeping the shopper on the questionnaire and to eventually purchase the items added to their cart.
I began sorting through all of the content and eliminated any unnecessary questions depending on the shopper’s results. The next step was to build out a decision tree to show the entire flow of the “Outfit Your Crew” questionnaire. I’ve included the redline notes to call out skippable questions, tooltips, and various notes for the Development team at Mess. The outlined branches that are grouped side-by-side highlight the work types that have identical question flows.
Wireframes
Early on in the wireframe phase, it became obvious that one of the bigger challenges would be to design out a flexible template that would be able to accommodate the fluctuating content that would vary by work type.
Once we started building out the wireframe template pages, we were able to have a better understanding of what content could be reduced or condensed. The wireframes also highlighted a few other issues, such as where would we have the user specify product quantity and sizes. For example, some customers might want the option to select multiple lifelines or different parts (PPO).
Final Template Designs
Once the wireframes were approved, we created a single look & feel for the unique screens of the bundle selector tool for review, then designed the remaining screens. For the final look & feel, the designs included text-based messaging with product photography to best represent the items in multiple choice questions. The styling needed to stay consistent with Malta Dynamics’ brand guidelines. The survey will be a full-screen takeover and the main site navigation would be replaced by the CTA for the Product Finder.