Hunter webstores

Commerce · Hunter webstores

A school shop that meets the accessibility bar

I designed white-label webstores at Hunter Promotional Products for government and private clients, and for school and CPL shops. People ordering from those shops needed labelled search, readable sizes, and stock written in words, without calling the office. This page shows the listing and the product. It is an accessible design mockup, not an end-to-end checkout.

Role
Owned product design
Platform
Hunter Promotional Products
Scope
Government and private client stores
Outcome
Design mockup

The template could not take a uniform order

Hunter white-label shops start from one storefront template. Council, university, school, and private catalogues all used it. White type on the live cyan header fails contrast. Search is unlabelled. Size is a guess. Stock is a colour chip. People call the office instead of finishing the order.

I owned the storefront design. The job was not a cart-to-pay flow. It was two screens that pass WCAG on the listing and the product: find the garment, then pick a size without leaving the page.

Status

Design mockup

Two screens. Same pattern for every client shop.

Demo catalogue. Polo and hat are placeholders. Not launched.

Accessible on the listing and the product

WCAG is the constraint. The listing and the product are the proof. Contrast, labels, 44px targets, stock in words, size as a table, error before cart.

01

Contrast

White type on darker teal, not the live cyan. Header text stays readable. WCAG 1.4.3.

02

Labels

Search, year level, and size have visible labels. The size guide is a table with a caption. WCAG 1.3.1.

03

Not colour alone

In stock. Low stock, 6 left. Year chips and size keys are 44px. WCAG 1.4.1.

04

Size before cart

Choose a size is an alert in words, next to Size, before Add to cart. WCAG 3.3.1.

Product listing

Find the garment. Labelled search. Year chips at 44px. Stock in words. Day polo and bucket hat.

Hunter school shop product listing. Search is labelled. Year chips for All years, Prep to 6, 7 to 12, and Staff. Day polo in stock at 32 dollars. Bucket hat low stock, 6 left.
Product listing Header contrast. Labelled search. 44px year chips. Stock in words, not colour alone.

Product

Pick a size without leaving the page. Size keys are 44px. The alert fires before cart. Size guide is a table.

Hunter day polo product page. Polo photo on the left. Size keys XS to XL. Alert says choose a size before adding to cart. Size guide table with chest in centimetres.
Product Size label. Choose a size before cart. Size guide with caption and column headers.

What this page shows

The same listing and product for government and private Hunter client shops. Contrast, labels, 44px, stock in words, size before cart. Design mockup. Not a launched storefront.

Client shops at Hunter

White-label stores I designed for government and private Hunter clients.

Government

Private

City of Moreton Bay

UQ Veterinary Science

RACQ

QBANK

Tradelink

Mt Maria College

Tunstall

MRC Global

Centacare