Project Info
| Client: | Boston University, School of Public Health |
| Project: | State Firearm Laws Website |
| Skills: | Web Design, Branding |
| Software: | Illustrator, Photoshop |
| Website Address: | http://statefirearmlaws.org/ |
Process
This project was to create a state-by-state database of firearm laws to provide researchers with the data necessary to evaluate the effectiveness of various firearm laws. This was incredibly rewarding project to work on. It was the first database of it’s kind and the transformation and increased usability was significant .
As you can tell from the before and after images (second slide above) the initial website was primarily text which allowed users to download a not very user friendly csv containing state firearm laws. Upon first glance I knew an interactive map was the way to go. I treated each state page as an infographic so viewers could easily find key information and compare the differences between states.
The design process involved:
- conducting a design scan of maps showing measurable data
- developing a visual identity
- creating mockups for each page type
When coming up with the design direction it was important to the client that the site remained neutral – a place where folks from any side could come, collect, and compare unbiased data about state firearm laws. To achieve this we stuck with a classic navy as the base offset by calming blues and teal. Plenty of whitespace and a sans-serif font create a modern feel. The simple geometric patterns hint at the divisiveness of the issue but mostly serve to create depth and visual interest throughout.