Guerrilla Usability Testing
How might we guide customers to the roofing solution that meets their unique building requirements while streamlining the lead generation process?
Establishing design principles
We formulated design principles to guide our decisions, ensuring consistency and alignment with the objectives that our product is intended to achieve for our users.
Diagramming the user's flow
By mapping out the expected user journey, we could creatively plan each part of the experience and understand how our design fits into the broader system. We created three easy-to-find entry points and streamlined the assessment by including only essential questions. The results page features a contact form and allows downloading the results.
The wireframes underwent several stages and changes, starting with paper sketches and moving to digital format. We used "guerrilla-style testing" and "speed-dating" methods to test usability due to the project's timeline. Our team had daily standups, cross-functional feedback sessions, and client reviews to secure approval on the wireframes.
Bringing the Roof Explorer to life
Guided by our design principles and inspired by survey design patterns gathered in comparative research, we designed for time savings and a thoughtful experience.
Each building type was represented by an icon with Firestone's signature red color integrated into the roof designs to align with the brand's identity.
The challenge was to create an aesthetically engaging display that featured climate zone details and a curated range of products dynamically extracted from an extensive spreadsheet.
The primary call-to-action is placed in a fixed position and allows users to contact a sales representative.
The contact request form is a bottom sheet with the ability to exit the form. Users receive a descriptive confirmation message after submitting.
Optimizing entry points
We created and tested multiple entry points to enhance discoverability and position them where users would logically expect to find them.
Reflecting on lessons learned from this project
Faced with tight deadlines, our team was challenged to work fast while maintaining our focus on the user and design principles to ensure we designed the right solution. Paper and digital wireframes allowed us to learn and iterate quickly.
Working closely with developers from the beginning was crucial to understanding feasibility and setting design constraints.
Building a team culture based on collaboration and a shared purpose enabled us to develop a user experience that would make a positive difference for our client and their users.
UX | Product Designer
Based in San Francisco Bay Area