Brickability
View LiveTechnologies used
- Craft CMS
- Tailwind
- Alpine.js
- Twig
Brickability is a Welsh building supplies company, and I delivered the full initial build for their site: Craft CMS, Twig templating, Tailwind and Alpine.js handling the front-end. The standout piece is the brick finder, a progressive filtering tool that lets users narrow down materials, colours and finishes until they land on the exact product they're after.
Progressive filtering, not faceted search
Rather than a standard faceted search where every filter is available at once, the brick finder narrows the product set step by step, each choice reduces what's shown next, rather than users filtering blind through irrelevant combinations. For a catalogue this size, that guided approach cuts decision fatigue considerably.
Users can shortlist products as they browse, saved right in the browser so nothing needs an account or a login. That shortlist then feeds into a Formie enquiry form, so someone can build up a list of bricks across the whole site and ask about all of them in one go, rather than submitting a separate enquiry for each product.
Motion runs through the site in a restrained way, subtle transitions and reveals rather than anything attention-grabbing, in keeping with a brand that needed to feel established and trustworthy rather than flashy.
It's not a glamorous brief on the surface. But the brick finder and shortlist system are proper interaction design problems, and solving them well mattered just as much here as it does on any of my more visually driven work.