Company URL: https://www.hawsco.com/
Implementation URL: https://www.hawsco.com/support/risk-rated/
Technology: HTML5/SCSS, Javascript
Goals/Concept: This project was implemented to provide the client with an embeddable application to replace a physical brochure that allowed customers to view their products appropriate to certain industries or certain levels of risk. Customers select an industry/application for the necessary eye wash or safety shower and then the extremity of the situation to be provided with three options that they can then look at in detail and request more information. This allowed the client a more direct approach to create leads and send those leads directly to Eloqua. The application was built on javascript with 1-2 libraries and a pared-down custom framework for front-end display to maintain a minimal size on the application.
Role: I wireframed, designed, and developed front-end layout and styling as well as some data entry/management. Project launched in less than 4 months.
Landing Screen
Individual Product
Request Information
Whiteboard - Wireframe/Sketch
-
Landing Screen
Layout design to have a consistent height to make changing out products seamless while manipulating the slider controls. -
Individual Product
Minimal details to displayed and call-to-action to request information was given prominent place. -
Request Information
User can either return to browsing products or request information. -
Whiteboard - Wireframe/Sketch
Describing risk graphically on a scale in terms of what type of water/shower is necessary.