Case 001 — Web · Catalogue · Campaign · 2026
HUB Surface SystemsOne source, every surface.
A manufacturer's whole product line — fourteen systems in four families — rebuilt as one site, with the print catalogue and campaign material running off the same source.
- Client
- Manufacturer of decorative and functional pavement systems
- Where
- Milton, Ontario
- Built with
- Next.js · Sanity · Tailwind · Vercel · Figma
- Live
- hubss.com
- 126
pages live (read live from hubss.com)
- 14
product systems (read live from hubss.com)
- 19
applications (read live from hubss.com)
- 74
field-note articles
- 87
curated galleries
- 27
catalogue spreads
Page counts are read from hubss.com's own sitemap and refresh daily; the rest were checked by hand on 2026-09-25.
The work
HUB makes the surfaces cities are built on: preformed thermoplastic, coatings, stamped asphalt and asphalt repair, specified coast to coast. We rebuilt hubss.com so the site, the print catalogue and the campaign all draw from one approved body of copy and one curated photo library.
The site runs on Next.js with Sanity as the content layer, so products, applications and field notes can be edited in place without a developer. Product and application copy comes from the client's approved print catalogue — the same text in print and on screen, on purpose.
By part
01
Web
hubss.com rebuilt on Next.js and Sanity: 14 product systems, 21 application pages, 74 field-note articles and 87 curated photo galleries — nearly 1,400 photographs reviewed on contact sheets and sorted so the strongest lead every page.
02
Catalogue
The 2027 print catalogue, designed and produced from the same source: 10 product spreads and 17 application spreads, exported production-ready from Figma.
03
Campaign
The campaign layer off the same material — print and digital advertising, an HTML email template, and the Lunch & Learn programme with its booking page on the site.
On screen
hubss.com — the product systems, four families
hubss.com applications on a phone
hubss.com — Field Notes
hubss.com field notes on a phone
hubss.com — the catalogue page