evergreen-logo

B2B eCommerce Website Design for Global Rollout

evergreen-top-laptop-img

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-colour-swatch-1

White

#ffffff

evergreen-colour-swatch-2

Lime Green

#8dbe22

evergreen-colour-swatch-3

Grass Green

#3ea635

evergreen-colour-swatch-4

Leaf Green

#1b692f

evergreen-colour-swatch-5

Dark Green

#144c24

evergreen-colour-swatch-6

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-typography

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-browser-window-1

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-ui-buttons-primary evergreen-ui-buttons-secondary
evergreen-browser-window-2
evergreen-browser-window-2

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-ipad

"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!"

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

Smyths Toys Superstores

B2C eCommerce Website Design

What We Did
teng-tools

Teng Tools

B2B eCommerce & Corporate Global Websites

What We Did