GardenGears Slate: Equipment Store Website Design

Type
Brand and website concept
Brand
GardenGears
Year
2022

GardenGears Slate is an equipment store website design for sellers who want a calm, modern look. It includes five desktop pages (home, about, blog, catalog and contact) with frosted glass heroes, a featured product tile and white cards on a muted slate blue palette.

GardenGears Slate online store showcase: the slate blue home page with a frosted generator hero large in front of the about and catalog pages.

The brief

An equipment store website design with a calm, modern register

Not every equipment brand wants to shout. GardenGears Slate takes the same five-page structure as its siblings and moves it into a quieter register: a soft blue grey, a frosted glass panel and a lot of white, so the products stand out as the only strong colour on the page.

The design brief was clarity. A featured machine gets a large tile, the other categories sit in a tidy grid beside it, and every page keeps the same centred navigation so visitors always know where they are.

What we built

How the GardenGears Slate store is built

Each page opens inside a rounded dark frame with a blurred machinery background. A slate blue panel holds the product photo, and a frosted glass card carries the headline, so the hero feels layered without hiding anything. The navigation is centred around the logo in a clean white bar.

The home page features a large generator tile beside compressor, pneumatic, welding helmet and electric generator cards, followed by an offset video panel, article cards, a helpful article banner and a bordered FAQ card. The catalog page adds filter pills and a Found 4 models row with slate captions.

The about page offsets video panels against text panels and adds a recognition diagram and mission text. The blog page lists white article cards in two columns with dark thumbnails, and the contact page places a short form inside the glass hero. The footer adds social links and a mail link.

Outcome

A restrained equipment store with a glass hero

GardenGears Slate gives a catalog business a finished, restrained store design: five page designs, a glass hero pattern, a featured tile and product card system, and a colour scheme that lets product photography lead. It is ready to take real products, stock photos and copy.

Five pages with frosted glass heroes

  • Five desktop page designs: Home, About, Blog, Catalog and Contact
  • Frosted glass heroes inside rounded frames with a slate blue photo panel
  • A featured product tile beside compact category cards
  • Offset video panels on home and about pages
  • Catalog page with filter pills and a four model row
  • Two column blog layout and a helpful article banner
  • FAQ card, social links and a slate footer with product and support columns

GardenGears Slate in full

Five pages, scroll to move through each one.

Home

Full-length GardenGears Slate ecommerce website home page design with a rounded frosted glass hero, a large featured generator tile, a play panel, article cards and an FAQ accordion.

About

Full-length GardenGears Slate ecommerce website about page design with a welding helmet hero, offset video panels, a brand recognition diagram, mission text and a closing banner.

Blog

Full-length GardenGears Slate ecommerce website blog page design with a frosted glass article hero, filter pills and white blog cards in two columns.

Catalog

Full-length GardenGears Slate ecommerce website catalog page design with a glass hero, a featured generator tile among category cards and a row of four model cards.

Contact

Full-length GardenGears Slate ecommerce website contact page design with a frosted hero holding a short contact form.

Want a site like this?

Tell us what you are building and we will come back with a written scope.
Get a Quote

Questions about GardenGears, Slate

  • GardenGears Slate includes five desktop page designs: Home, About, Blog, Catalog and Contact. They cover a product hero, category tiles, model listings, a company story, a blog with helpful articles, an FAQ accordion, a contact form and a footer with product and support links.
  • It suits equipment retailers, tool suppliers and industrial catalogs that want a calm, premium feel rather than loud colour, with large product photography doing the selling. The category tiles and model cards work for any catalog of equipment or tools, and sections can be reordered around the range you sell.
  • GardenGears Slate can carry your products and copy under your own colours. Type, logo, product categories and the page list are adjustable, and sections can be added or removed.
Next projectGardenGears, GraphiteGardenGears

Let's put this in writing.

Tell us what you need. A reply comes within one business day, the written scope with dates follows the call within one business day, and you own every file, login and domain from the day it ships.