Screenshot of the Small Business Administration's HUBZone Map

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 a home or office is in a qualified zone. This project modernized the map to make it easier for small-business owners to use.

Challenges

The expectations for mapping applications are extremely high given products like Google Maps. In creating a new 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 determined the needs of the users, we started prototyping, testing, and iterating. This is a 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.

Photo of the Sketch UI Design tool with UI design mockups of the HUBZone Map

Experiments and prototyping within Sketch

Usability & Accessibility 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 development work when needed. This proved to be very beneficial. In many cases, instead of doing 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.