Evergreen logo

B2B eCommerce Website Design for Global Rollout

Evergreen website on laptop

Evergreen B2B eCommerce Web Design Overview

Evergreen Garden Care is the leading garden care company outside North America, producing high quality garden care products. Established in 2017, Evergreen Garden Care is a passionate 800 strong team, dedicated to ensuring that gardeners of all experience levels can easily grow and protect their lawn, plants, fruits or vegetables. With market-leading brands like Miracle-Gro, Fertiligène, Substral or Pokon in every market where they operate, they deliver a full range of garden care products to gardeners in the UK, France, Belgium, the Netherlands, Germany, Austria, Poland, the Nordics, Australia and New Zealand.

The challenge was to launch a B2B Customer Portal across Europe allowing customers to place trade orders by the pallet or lorry and depending on location and product sets. This added certain complexities that we overcame with bespoke but successful UX and UI implementations.

Layout

The Evergreen customer portal follows our proven user journey navigation based around search, categorisation, product lists, filtering and easy to use checkout process. With a comprehensive and feature rich account management system that is easy to navigate through orders, complex deliveries and invoices. The B2B eCommerce site is fully responsive and works across multiple devices.

Colour Palette

The Evergreen colour pallet lends itself perfectly to the target market, with rich greens that have allowed us to introduce colour to panels, fonts and framework elements that not only adhere to brand guidelines but also make for a stunning UI.

Evergreen brand colour swatch

White

#ffffff

Evergreen brand colour swatch

Lime Green

#8dbe22

Evergreen brand colour swatch

Grass Green

#3ea635

Evergreen brand colour swatch

Leaf Green

#1b692f

Evergreen brand colour swatch

Dark Green

#144c24

Evergreen brand colour swatch

Orange

#f39420

Typography

Evergreen uses a specific font with weights that are flexible enough for us to highlight messaging in banners and make content more engaging and digestible across all aspects of the portal. Using colours from the palette we are able to differentiate information and keep messaging consistent.

Evergreen font

Font Family: Foco

Iconography

Alongside the typical icons found in our portals, for Evergreen we had the additional complexity of certain products having to be purchased separately from other products, and we had to clearly demonstrate how much volume of a pallet the product unit filled.

Evergreen iconography
Evergreen product list screen

UI Components

With all B2B Portals it is essential to ensure the process is efficient and simple, but it is now becoming the norm that these experiences match up to the very best B2C experiences. Our B2B UI frameworks are always designed with that in mind. The Evergreen UI allows for functionality like fast order entry to speed up the checkout process, and effective search and filtering mechanisms.

Evergreen primary button styling Evergreen secondary button styling
Evergreen category screen
Evergreen category screen

On Page Marketing

Due to the nature of the product and the end user, we wanted to ensure that we delivered an experience that was as exciting to the trade customer as it was to the end user; crafting banners and category images that popped off the page whilst retaining the simplicity and speed required by business users. We ensured that all messaging and promotional activity represented Evergreen as the leader in their field.

Evergreen responsive website on ipad
Opening quotation mark

Thanks for your good work on these first Evergreen store designs. As discussed, we're happy with the outcome and the way our new company identity translates into the site's look & feel so you are good to adapt that to the other pages!

Closing quotation mark

Guillaume Hellot eCommerce Manager, Evergreen

Get in Touch

If you think we’d make a great partner for your business, get in touch and let’s discuss how our creative and technical expertise can bring you clarity and risk-free accelerated growth.

Contact Us Today

Take A Look At Some Of Our Other Projects

Smyths Toys portfolio

Smyths Toys Superstores

B2C eCommerce Website Design

What We Did
Teng Tools portfolio

Teng Tools

B2B eCommerce & Corporate Global Websites

What We Did