News + Ideas
While the homepage isn't considered the #1 landing page anymore, it is (hands down!) the most visited page on your whole website; because even if someone does not directly land on your homepage when first visiting the site, their first instinct is to click on the homepage after viewing the initial content which caught their attention.
Your homepage is like a storefront window -- a showcase of your best content easily available for any possible window shoppers. As such, if it isn't visually appealing or informative, then chances are visitors will quickly move on.
Out with the Old, In with the New
Norris Sales saw that their homepage was, statistically, a very high exit page. So, after consulting with 4x3, they decided that a redesign for a simplistic, yet informative homepage was needed. 4x3 helped Norris Sales identify what they wanted to highlight on the homepage and what could be removed. The new homepage design selected the best elements to feature Norris Sales' identity and mission, including:
- new navigation menu
- latest news slider
- wider break point
- custom Google maps
- featured manufacturers
- redesigned super footer
Being primarily a heavy equipment dealer, Norris Sales wanted to shift focus from individual products to their most popular manufacturers; moving toward broader categories allowed for greater involvement. Visual elements also became a center-piece; highlighting the latest news stories, store locations, and featured equipment. Also by implementing a wider break point and simplified navigation, Norris Sales was able to move away from a cluttered homepage to a more open web design.
About Norris Sales
Norris Sales Company has been providing best in class construction products and service to Philadelphia and its surrounding suburbs since 1956. Norris Sales has recently expanded to a new headquarters in Conshohocken, PA and opened a second sales and rental location in Sicklerville, NJ.
Their knowledgeable staff and two centralized locations allow Norris Sales to provide top notch service to all of their customers throughout the rental, sales, service or training process.
4x3 has been partnered with the Penn Green Campus Partnership since September 2012. Back then we created a new website with a Drupal powered content management system; and now we have redesigned the site once again to be responsive on all devices for greater visual impact.
In a world of quickly evolving technology, it is imparitive to constantly update and improve your website. An untouched website will easily break in two years due to CMS software updates and out-of-date design modifications.
Penn Green Campus' brand and idenity remained the same, along with other design elements, and instead focused their redesign on mobile responsive design and overall web presence.
One Website, Many Devices
One of the most appealing aspects of responsive web design is that a responsive website can provide a great user-experience across many devices and screen sizes. This is important because it is nearly impossible to anticipate which device a visitor will use to access your website.
By implementing larger thumb-nail images, drop down menus, new cropping software and a mobile repsonsive design, the Penn Green Campus Partnership improved user experience and created a mobile friendly interface.
Responsive design is a necessary feature for any modern website. In fact, Google has new mobile friendly test that can inform visitors if your site has a repsonsive design. This can inevitably affect your website's credibility, local SEO, click-through rate and lead generation. Google has evn gone as far to state that responsive web design is its recommended mobile configuration for any website.
About our Client
The Green Campus Partnership is the umbrella organization that was formed in 2007 to address environmental sustainability planning and policy development at the University of Pennsylvania and to coordinate programs and initiatives for a more sustainable campus. Penn President Amy Gutmann was the first Ivy League President to sign the American College and University Presidents Climate Commitment (ACUPCC).
4x3 is honored to be involved with Penn Green Campus Partnership to build a culture of sustainability.
Back in 2013, 4x3 designed and developed a website for Northern NJ SAFE KIDS/Safe Communities. But it was time for an upgrade... so this year we worked closely with Prevention Works! to redesign their website.
A website “redesign” doesn’t necessarily mean that you completely scrap your old website and start anew. Brand and identity can stay the same, along with other design elements. But as your company and technology both evolve, it is necessary to make functional modifications that help your website and its visitors run more smoothly.
Responsive design makes a website easily adaptable to fit the screen sizes of any mobile device.
With an on-the-go lifestyle that many of us lead, it is no surprise that most websites have a high mobile usage rate. A responsive design makes it possible for visitors to navigate the Prevention Works! website easily across all unique devices, providing a great user experience.
Responsive design is a necessary feature for any modern website. In fact, Google is now telling searchers whether your website is mobile friendly or not with their new mobile friendly test. This will inevitably affect your credibility, click-through rate, lead generation and sales.
Custom Google Maps
Prevention Works! hosts several location-based services across Northern New Jersey.
We also built and integrated custom Google maps and other location-based assets into mobile and desktop redesign. Our Drupal-based web platform allows for sophisticated multi-layer, interactive map that enhances the website's usability, social integration and local SEO.
About Our Client
PreventionWorks-NJ.org is the official website of Northern NJ SAFE KIDS/Safe Communities. The Northern NJ SAFE KIDS coalition work is to prevent childhood injury through research, community outreach, legislative advocacy and media awareness campaigns. Safe Kids Worldwide has over 500 chapters and coalitions in all 50 states, and has partners in 25 countries.
As a non-profit sponsored by Morristown Memorial Hospital, their mission is to reduce fatalities, injuries and property damage due to unintentional injuries on the road, at home and at play. As such, Prevention Works! provides complementary safety services through Northern New Jersey.
When we began the web design process the other day with a client, we stumbled across a new phrase in the RWD world: Age Responsive Design.
We already have the ability to make sites adapt based on screen size. But this is only the first step. As technology has evolved we have developed the ability to adapt web structure and content based on a user's age.
We have the technology!
While we might not be making a Six Million Dollar Man, Age Responsive Design is not an unattainable concept imagined in some science-fiction realm.
In fact, the gaming industry has been using a player's age and experience to adapt First Person Perspective (FPP) games by using dynamic game balancing (DGB) for years!
DGB is the automatic process that changes parameters, scenarios, and behaviors in a video game in real-time, based on the player's ability. This is utilized to avoid making a player bored or frustrated. If you're a beginner, you will only fight enemies that have reduced speed and health. But if you're a pro, the game will become much more difficult and increase the gameplay duration.
The concept is similar to what the age-responsive design will do to websites. And, just as we have the information to determine a user’s age, this data can be used to combine those existing technologies to create universally user-friendly experiences. As we enter 2017, websites will be able to combined this information to make subtle changes to accommodate younger or older audiences.
One size DOES NOT fit all.
A 7-year-old and a 70-year-old do not read the same books or wear the same clothes, so why should they be subjected to the same online experience?
Age Responsive Design is made with the ability to focus on how the site looks; but also how it works, what type of content it displays, and what a user can do with it. Just a few examples of what Age Responsive Design could do, include:
- bigger vs smaller font sizes and spacing
- muted vs saturated color schemes
- video presentations vs text explanations
- social media sharing vs email conversion
- expanded vs condensed navigation menus
- typographic vs traditional content
While automatic age design is not currently in use, targeted web content is... So the application of Age Responsive Design is just around the corner - it's only matter of who impliments it first.
From our team to yours, 4x3 wishes to you a very Merry Christmas and a Happy and Prosperous New Year!
We are looking forward to serving you in 2017.