In early 2014, as Winter was gradually starting to lose it’s hold on Minnesota, the Office of the Minnesota Secretary of State (OSS) engaged the Minneapolis web design agency of Nighthawk Marketing for it’s responsive web design expertise. 2014 was a highly anticipated midterm election year that would in the end alter the power structure between Democrats and Republicans in Minnesota and across the country. In preparation for the midterm election, the OSS wanted to provide Minnesota voters with the information they needed that could be easily viewed from any mobile device. This information would be accessible at www.mnvotes.org.
Responsive web design for all mobile devices
The goal of this project was to allow the OSS to leverage the responsive design templates and implement the content of their existing tools into these new templates. They wanted to ensure anyone visiting these pages could view the tools in the best, most readable and user-friendly format on various devices such as desktops, laptops, tablets or smartphone. One responsive design template would serve as the platform for OSS online voter participation tools currently on the mnvotes.org site. The other design would serve as the template for OSS Business Services tools. While the templates would be used for two distinct content areas and their respective online applications, they had to be compatible and reflect similar, cohesive branding.
Web design using Twitter Bootstrap
Twitter Bootstrap is one of the most popular HTML, CSS, and JS frameworks for developing responsive, mobile first web designs. It easily and efficiently scales websites and applications with a single code base, from phones to tablets to desktops with CSS media queries. We chose Bootstrap because it offers comprehensive documentation for HTML elements, dozens of custom HTML and CSS components, and jQuery plugins.
Incorporating WCAG 2.0 and Section 508 compliance standards
Federal regulations require government Web sites to be accessible to people with disabilities. On average, 13.2 million people in the United States have at least one disability that Section 508 is meant to help with. As a result, these responsive design templates had to be developed to ensure programming accessibility and be compliant with WCAG 2.0 and Section 508 standards.
Learn more about responsive web design
To learn more about how responsive web design can improve website visibility and user experience, contact Nighthawk Marketing, a Minnesota digital marketing agency in Minneapolis St. Paul. We can help answer any questions, along with providing you an estimate and timeline for creating a dynamic responsive website for your company. If you are a Minnesota state agency or a federal government agency, you can find more information on our government services page.