Air quality impacts everyone’s health. It obviously impacts more vulnerable people with conditions like asthma, but everyone benefits from good air quality. The ability to enjoy the outdoors, and live in a safe and comfortable environment are just a few obvious benefits of good air quality.

The Air Pollution Control District had installed new devices that monitor the air quality in our area, and specific particulates that have an extreme effect in regard to air quality and pollution.

Improve refresh rate speed and viewing capabilities 

Better user experience, specifically on mobile devices

Include historical data to determine improvements or reductions in air quality

Make it an approachable, informative, and enjoyable everyday resource

APCD needed visitors to the website to be able to see and understand the data being communicated. The Air Quality Index is a simple index from the Environmental Protection Agency for reporting air quality so we had to make it simple. By designing a custom data visualization library, adding some fun micro-interactions, and inviting copy, the tool took on a more approachable look, feel, and tone.

We wanted to present our audience with learning opportunities. Educating them on air quality, increasing awareness, and enticing them to sign up for alerts. Rather than simply providing the client with a revamped website, we set out to make this more impactful, with the goal of it becoming an everyday resource for users. Fresh, relatable, and applicable content played a big role.

This small project allowed us to build a simple but very useful interface for anyone to view the air quality of the Louisville Metro region and, more importantly, understand what they are seeing, and if any pollutant that affects them might be at higher levels.

Custom Applications

User Experience

UX / UI

Web Design

Air Pollution Control District 

This project presented a front-end UX challenge. We needed to create a single source for two different order types, pickup and delivery, which had previously been managed on two separate domains.

Through careful UX considerations and intelligent design we were able to make the order type selection clear throughout the product selection and order process. In the end it appears to have worked as we were able to more than double the 2020 combined eCommerce conversion rate for their previous two websites in the period since the consolidated website was launched.

We decided to build a color system to clearly identify the two ordering options - pickup and delivery. Teal would represent items available for pickup at the farm and orange for delivery products. The correlation between color and service was established early in the site experience and consistently reiterated throughout the purchase path to strengthen the user's understanding and awareness.


The main driving forces behind these changes were the homepage, the product cards and user interface (UI), and the checkout experience.

We used the header space to sell Foxhollow Farm as the parent brand and immediately after informed the user of the brand's service offerings. The relationship is established early - Foxhollow Farm is the parent brand, and their offerings and services are expressions of said brand.

Instead of two different sites with two different aesthetics, the product pages use the same page template. Thus, the two offerings don't feel like different experiences - It's all Foxhollow Farm, but the color system establishes the separation between services.

Touch-Points Along the Purchase Path/Checkout

Overall, we were able to combine two separate e-commerce platforms into one branded shopping experience. Design/UX helped delineate between the two service options, while content strategy and adjustments to user flows helped the overall site experience feel cohesive and natural.

First off, managing one website has been a lot easier than managing two, both for us as webmasters and for Foxhollow Farm’s team as end-users of the new system. Sometimes two heads ARE NOT better than one.

As for the user experience and ultimately sales? Well, it looks like we hit our mark! Since the launch of the new website experience and combined eCommerce platforms, the eCommerce conversion rate for the new website more than doubled (+164%) the combined eCommerce conversion rate for the two separate websites in 2020!

However, it appears as though we did not just solve our management issues associated with multiple web properties but created a better user experience for Foxhollow Farm’s customers. Ultimately, they are the real winners!

Interested in the nuts & bolts of this project? Check out our Dev Journal article about the website

Ecommerce

Frontend Development

Websites

Foxhollow Farm 

Our highly-experienced development team handles all software development, from websites to apps to systems integrations, using the right platform and language that meets the challenge.

See the site

Accessibility

Custom Dev

User Testing

Jefferson County PVA

Non-profit Marketing

Backend Development

Platform Integrations

Fund For The Arts

Visit The Site

Ensuring a quick, responsive user experience is a critical component to accessibility and good design. To achieve this, we needed a technology stack that was going to be developer-friendly while letting us build an application that was highly responsive to user interactions. After careful consideration, we landed on ReactJS to build out the ticketing applications.

Development

Development: Case Studies

01

Air Pollution Control District

02

Foxhollow Farm

Development: Blog Posts

Air Pollution Control District

Foxhollow Farm