Proper websites, done properly

Woolley Edge Christmas Tree Farm

7 minute read time / 839 words

2020 was both a tough and a weird year. With all the lockdowns, restrictions, and guidance, it made sense to get Woolley Edge Christmas Tree Farm up and running with an e-commerce site.

The project

The original site was sat on a Wordpress installation and had several issues we'd need to attend to. Firstly, it needed to be migrated to a secure, fast and reliable e-commerce platform. Wordpress is known to be full of security issues, and isn't designed to be an e-commerce platform.

Secondly, there was no consistent or simple way to find the correct opening hours and dates, or contact details and address information. It was split between carousel slides, site header, contact page, location page and several callout blocks throughout most page that weren't consistently located. This type of information should be really easy to find.

Our aims

  • Assess navigation and page structure
  • Improve mobile and tablet experience
  • Migrate site to Shopify platform
  • Brand new design across the site
  • Make it accessible
  • Assist with technical bits and bobs
  • Help with missing content pages
  • Newsletter campaigns creation
  • Update site photography at the start of the new festive season
  • Make contact and location information easy to find and consistent.
Previous site on desktopNew site on desktop
Previous vs. new site

There were also accessibility concerns that we'd need to address: Keyboard navigation, heading and content issues, colour usage and information consistency across the site all had to be considered.

Having not sold online before, and being incredibly busy in the build up to Christmas, we offered our expertise in many areas to lighten the load - not only in design and build of their new site, but also in getting things behind the scenes set up (the technical 'bits and bobs'), like automation, social media, newsletters, payment accounts, photography, copy creation, and many re-assuring words along the way!

We wanted to not only improve the general quality and experience of the site, but also the 'feel' of it. We did a little digging into other online tree retailers and found them to be very 'business-y' and 'same-y'. This didn't feel right to us. The Woolley Edge Christmas Tree Farm experience is a bit more family, fun and friendly and we wanted the new site to reflect that while still maintaining a high quality feel and trustworthy experience.

The first things we did to address this was select an appropriate colour palette and choose a fun typeface that was still easily readable. We chose a combination of reds and greens to bring out that Christmas feel on the site.

Colour palette

    • Lily
    • #ebebeb
    • rgb(235 235 235)
    • hsl(126deg 0% 92%)
    • Tuatara
    • #444
    • rgb(68 68 68)
    • hsl(0deg 0% 27%)
    • Almost Black
    • #222
    • rgb(34 34 34)
    • hsl(126deg 0% 13%)
    • Harvard Crimson
    • #cd0016
    • rgb(205 0 22)
    • hsl(354deg 100% 40%)
    • Red
    • #f00
    • rgb(255 0 0)
    • hsl(0deg 100% 50%)
    • Kelly Green
    • #55ae20
    • rgb(85 174 32)
    • hsl(98deg 69% 40%)
    • La Salle
    • #00822c
    • rgb(0 130 44)
    • hsl(140deg 100% 25%)

Colour accessibility

We tried to ensure we didn't leave anybody out, and the colour combinations we've used across the site should also be colour blind friendly. Ever wondered what that looks like?

Well, wonder no more! With the wonders of modern technology it's easy to check that the colours you've chosen work for the widest possible range of people...

AchromatomalyAchromatopsiaTritanopiaTritanomaly
How the site looks to people with Achromatomaly, Achromatopsia, Tritanopia, and Tritanomaly
ProtanopiaProtanomalyDeteranomalyDeuteranopia
How the site looks to people with Protanopia, Protanomaly, Deteranomaly, and Deuteranopia

Tech used

  • Shopify: hosted e-commerce platform
  • Liquid: template language for Shopify
  • PostCSS: for CSS niceties
  • Gulp: For front end build tasks

Festively chuffed!

We're really pleased with what we've put in place so far. Cheryl and Martin can now sell their wares online, can easily add more products in the future, and have loads of flexibility too.

We are delighted with our new website designed by Shffld. Our main requirement was for an easy to use e-commerce site, allowing us to expand our business by selling online. What we got was much more - an e-commerce site which was modern, quirky and captured the fun and friendly nature of our business.

Since going live, we have seen the online orders coming in which is exciting and satisfying. Would highly recommend Shffld.

Martin & Cheryl Noble

Shopify provides so many great little features, such as the option for order collection, local delivery (with handy app for shop owners to help plan delivery routes!), messaging, social media integrations and much more too. We can keep expanding Woolley Edge Christmas Tree Farm's offering as soon as they're ready to do so.

Are you still here?

You've got staying power, that's for sure! Does your website say the same about you? Do you want a website that shows people you really mean business? Of course you do! I can help.