Paisley Protectives

Project Summary

Duration

2025 Q1/Q2

Team

Web Designer and Developer

Responsibilities

Conducting wireframing, high-fidelity prototyping, accounting for accessibility, iterating on designs, and develop on WordPress.

Tools

Figma Icon
Figma
Webflow Logo SVG
Wordpress

What is Paisley Protectives?

Paisley Protectives is your solution provider for the latest and most useful surface protection items.  Protecting floors, tubs, glass, trim and more on active projects can mean significant savings to your company in customer service callback calls, repair and expensive clean-up fees.

A preview of Paisley Protectives new design

Problems

Since it's creation in 2007, the website of Paisley Protective has been left in pretty much its original form. The site utilized a custom CMS that was quite outdated, so there has been limited ability to keep up with enhancing features. Several key issues included:
  • Painful long and slow process to create or update listings due to old custom CMS.
  • Lack of responsiveness to mobile. Today, websites must be accessible on a range of devices,
    and responsive design is now the norm.
  • Poor Navigation & Accessibility.
  • An outdated look with an older design that was clunky.
  • A confusing online store experience, as PaisleyProducts.com and PaisleyPro.com both does the same goal
  • Poor UI: CTAs were too small and confusing, and body text was too small.

Solutions

Laptop with SEO in the backgroundWordpress CMSMock up of a website redesign processMultiple different devices
Laptop with SEO in the background

Improve Discoverity

Transforming Paisley Protective's site into a landing page that leads to the primary e-commerce site, increasing the discovery of construction products and reducing redundancy.

Wordpress CMS

CMS

Build the landing page from a contemporary CMS (WordPress) to enable scalability, integration, maintenance, and effortless updating of content.

Mock up of a website redesign process

Redesign

Update the look and feel to comply with today's design standards and the Paisley Protective brand. Improved accessibility to include to make it user-friendly for everyone.

Multiple different devices

Responsive Design

Implement a responsive design so that the site will look and act great on any screen.

Previous Design

An analysis of the old Paisley Protectives and what was wrongProduct page of the old design showing too many choices and most products are outdatedOld Paisley Products product page with a small CTA buy button.No Mobile support for the old Paisley Protectives

New Design

Paisley Protectives HomepageNew Paisley Protective in mobile horizontal view - Iphone XRPaisley Protective mobile  view on Iphone XRPaisley Protectives product page navigation