TRIBUILD

An Irish entrepreneur commissioned a new brand of construction workwear and PPE, selling direct online. The goal: a store where a site worker finds the right jacket in a minute — and a company kits out a whole team without phone calls or spreadsheets.

TRIBUILD is the design and a working demo built ahead of a 2027 launch.

Two very different buyers on one site: tradespeople paying by card incl. VAT, and businesses ordering in bulk, excl. VAT, on invoice. Three markets, two currencies, EU safety standards — and mobile use on site, often outdoors, in rain and bright light.

Customers shop the way they think on site: by product type, by their trade, or by the job conditions — waterproof, hi-vis, insulated. Business tools sit in their own section, and the size guide is reachable from every product. The purchase flow is a clean line: category → product → size & colour → cart → checkout → confirmation, guest checkout by default.

Instead of building a separate trade portal, every page switches between a private buyer and a business account with one toggle at the top. Prices, VAT and the ordering tools change; the store itself stays the same.

• Private buyer — prices incl. VAT, card / Apple Pay / Google Pay, guest checkout, size guide one tap away.
• Business account — prices excl. VAT with volume tiers, size-matrix ordering for teams, pay by invoice, logo embroidery for crews.

Four design principles held it together: built for the site (44px+ touch targets, high contrast, readable outdoors and with gloves), find it in a minute, trust up front (safety standards, delivery and returns before checkout) and local by default (IE / UK / EU, EUR / GBP, VAT shown correctly).

A deep “site-night” navy from the brand mark, cool steel neutrals, and one signal colour: hi-vis orange, reserved for the primary action — exactly like safety signage on site. Montserrat Bold for headlines, with letterforms that feel engineered, paired with Inter for body, UI and prices. A sturdy component kit — 52px controls, 48px size buttons, a visible focus ring everywhere — plus the buying-mode toggle, size selector with per-size stock, product cards and a benefits ticker.

20+ screens across desktop and mobile: a home page with a looping hero, benefits ticker, category tiles, shop-the-look hotspots and a business call-to-action; a product page with gallery, colour and size in one view and stock shown per size; category with filters; the business section with accounts, volume tiers and invoicing; cart and size guide. Mobile-first throughout, because most visits come from a phone on site — search under the logo, the menu one thumb away, every control at least 44px.

Beyond the design, I built a live, clickable demo and a Shopify OS 2.0 theme, so the toggle, the two pricing modes and the size matrix actually work — the demo even remembers the buyer’s choice between visits.

A complete design system and a working demo store that proves the concept end to end: two buyers, three markets, one calm storefront. Demo imagery is AI-generated and art-directed, to be replaced with real product photography before launch.