Featured Work

Jonathan Green

Jonathan Green is a top seller of premium lawn care products catered to the specific needs of every type of lawn.

Jonathan Green - 01 - Featured Mobile Hero

Overview

Client

Year

2024

Platform

WordPress

Key Services

UI/UX Design, Full-Stack Development, Digital Strategy, SEO, Data Migration, 3rd Party Integrations

Visit Website

The Objective

Jonathan Green focuses on providing top-of-the-line lawncare products that are catered specifically to the varying needs of different kinds of lawns. As a top seller, they needed a website that outshined its competitors’.

Their redesign needed to elevate both the desktop and mobile experience to streamline their purchase process. Other advanced features needed to be integrated, like the ability to highlight their brick-and-mortar locations through a store locator.

It was also essential to improve their website performance and speed to ensure that no potential customers are lost due to technical issues.

Before

After

01. Design System

Global Design
System

Jonathan Green sells premium products, and they needed a premium website to match. To do this, we developed a cleaner, more elevated visual design. Their previous website had been a little outdated, so it was essential to create an aesthetic that was more modern. It was also imperative that the new aesthetic stood out from their competitors’ websites.

02. Research

Research &
Discovery

Jonathan Green is one of the top sellers of high-quality lawn care products. To keep up with their growth, their website needed an overhaul in both aesthetics and functionality. This involved setting up more advanced e-commerce features, creating a cleaner, more modern look, and updating the website for better performance on both desktop and mobile.

We did this by simplifying the purchase process and improving the website search experience. We also upgraded their website performance and speed and created a seamless adaptation to mobile devices for easy shopping on the go.

Additionally, we improved their ability to highlight their brick-and-mortar locations through a store locator to make it simple to find products offline.

Jonathan Green - 10 - Wireframe Card (01)

Jonathan Green - 10 - Wireframe Card (02)

03. Creative

Homepage

When you first open Jonathan Green’s home page, you can sense its warm and welcoming vibe right away. A stunning lifestyle photo of a couple enjoying their beautiful lawn greets you, offering a CTA to start browsing immediately. It also features scrolling slides that provide details about their family-owned business.

After, testimonials from happy customers are displayed, as well as before and after photos of lawns that were treated with their products. This is followed by a section of featured products and another stand-out CTA to browse the rest of what they have to offer.

Toward the bottom of the page, there’s a section for featured articles, the opportunity to enter a picture of the customer’s lawn into their annual lawn contest, and dropdown menus that explain what sets Jonathan Green apart from their competitors. Finally, there’s a new store locator and an area to sign up for their emails.

Mobile Experience

With so many people doing their shopping on their mobile devices, it was vital to ensure that the website ran smoothly on both desktop and mobile. The mobile experience was optimized for performance and speed, making it easy to seamlessly make purchases from whatever device they prefer.

Quizzes

A unique aspect that was introduced in the redesign was the Lawn Care Quiz. It involved creating a completely custom plugin for Wordpress, as well as a lot of effort and logic. The end result was a tool that ultimately acted as a virtual salesman that could recommend products based on the customers’ needs.

Product Pages

The product pages in the redesign were updated to not only showcase the products better, but to help understand how they work. Essential information is provided, like what grass types the product works for, when to apply it, and what other products that it can be mixed with.

An informational spreader setting feature has also been added, which allows the customer to understand how much of the product they should apply based on product, company type, spreader type, and model.

Whether the customer is an expert in lawn care or a novice, these product pages make it easy to choose what is needed to get the lawn the customer wants.

About Us Page

The redesign for the About Us page paints a clear picture of Jonathan Green and what makes them stand out from their competition. It includes testimonials, before and after lawn pictures, the company’s origins, and a display of their years in business, their huge variety of products, and how many stores their products are available in nationwide.

There is also a detailed timeline of their company starting in 1962, when their family first began experimenting with turfgrass, and ending in the present day. It’s not only visually beautiful but also interesting to read to learn more about how Jonathan Green became the success they are today.