HUBZone Map

The Historically Underutilized Business Zones (HUBZone) program, offered by the Small Business Administration, helps small businesses in low-income areas gain access to federal contracting opportunities. A company’s HUBZone certification is dependent on several key factors mostly concerning where a company and it's employees are located. The HUBZone Map provides an easy way to determine if your home or office are in qualified zones. We we're tasked with re-designing the map to modernize it and make it easier for small-business owners to use.

Challenges

The expectations for mapping applications are extremely high given consumer products such as Google Maps. Creating an experience for HUBZone participants and potential participants, we wanted to match these expectations.

Fortunately, through user research and testing we were able to arrive at an experience that was easy and effective to use.

Contributions

  • User research
  • Personas
  • Site maps
  • Wireframes
  • Prototypes
  • UI design
  • User testing
  • Accessibility/508 Compliance
  • Rails & Javascript Development

Design Process

We started by building personas, doing discovery, and performing user research. Early on we sat with individuals at the Small Business Administration who relied heavily on the map to perform their jobs. Their feedback was invaluable and heavily influenced the product.

Once we felt confident that we had enough sense of the needs of the users, we started prototyping, testing, and iterating. This is a pretty common practice in human-centered design, but it cannot be overstated just how important it is. We found issues early and could easily pivot without much or any disruption to development.

Experiments and prototyping within Sketch

Usability & A11y Testing

Often accessibility is an afterthought or sold as a bolt-on solution. We knew this was wrong and wanted to bake it in to our process throughout. So we did just that.

Check out the article HUBZone Map 508 Process for all of the details behind this study.

Implementation

To help speed up delivery, I took on a fair amount of the development. This proved to be very beneficial. Instead of a design hand-off, I would simply implement my own designs. This allowed a designers level-of-detail to materialize in the app.

Additionally, I learned Ruby on Rails and a number of related technologies. Some highlights include helping build a generated PDF from mapping data, working with Google Maps JS API, using Geolocation API, and search autocomplete.