Protect America has recently launched a brand new website. While it has been a long process, the outcome has drastically improved the way visitors (just like you) navigate each page. We are always aiming to increase the usability and overall experience that each person has when they come to our website. In this post, we continue part 2 of a series of interviews from Protect America’s very own Creative Director, Waldy Przybyslawski, in order to gain a better perspective on how the new protectamerica.com came to be and why. Let’s take another look!

Part 2 from the Creative Director

Continuing on my last post about our website redesign, I’d like to provide an overview of mobile traffic and why we needed a major overhaul for responsive design.

More and more users are browsing their favorite websites and researching restaurants, events, and businesses primarily through their smart phones. In 2014, we became very aware of the importance of responsive design – as a point of reference, our mobile traffic has increased approximately 30% year-over-year and that number continues to grow. Meaning, a lot of our visitors were not getting an optimal experience when viewing our site on their phones.

Aside from the major benchmark of improving user experience on our website by drastically reimagining how visitors interact with the navigation, we also made a concerted effort to implement responsive design site-wide with our 2015 redesign.

Responsive design provides optimal viewing and navigation experiences to users across a myriad of monitor resolutions and devices, such as phones and tablets. It enables designers to implement a consistent, multi-device strategy and user experience that doesn’t rely on “pinch and zoom.” A multi-device strategy is extremely important because of the increasing trend of users who, for example, begin their business/brand research experience on one device, then move to another to complete transactions.

image

Our responsive redesign began with a brand new layout structure for all of our content, appropriately titled “skeleton.” This skeleton enables our developers and front-end designers to implement new page layouts and content quickly and easily, all in a framework that translates easily across all devices.

We then looked at every single page (yes, every single page) and modified the content by hand in order to ensure optimal viewing, content hierarchy, and ease-of-use on phones and tablets. After months of hard work, we are already seeing positive results not only in user comments, but page bounce-rates and mobile traffic optimization tests!

More to come!

Stay tuned for more information in this series of posts by the team who created the brand new Protect America website. Protect America is a leader in technology-enabled, self-installed home security and automation, dedicated to the protection of our customers and of society. For more information regarding security, visit our brand new site!

Also, check out our Facebook for security tips, news updates and fun facts!