Crafting Albion Knitworks’ Digital Experience with MadeByCat
Albion Knitworks is a knitwear brand, and a knitwear brand asks something specific of a website: it has to carry weight, texture and fit through a screen. This piece describes how we think about that translation — from the way a garment is described to the way a product page earns enough confidence to buy.
Starting from the craft
Knitwear is slow work. A stitch pattern, a gauge, the drape of a finished panel — these are decisions made long before a garment reaches a photograph. The digital experience begins there too: what a visitor needs to understand about a piece, and in what order, before any of the commerce mechanics matter. The site is built to let that description breathe rather than compress it into a specification table.
Product storytelling
Each collection page and product page is treated as a short piece of writing with an image attached, not a grid cell. Typography does most of the work: generous line length, restrained hierarchy, room between sections. Imagery is used at consistent proportions so a scarf and a cardigan feel like they belong to the same wardrobe. Collections exist to group intent — everyday core pieces, considered pairings — rather than to inflate the navigation.
Product detail and purchase confidence
Confidence is mostly the absence of doubt. The product page keeps price, availability and the add-to-cart action within one field of view, states clearly when a piece is sold out instead of hiding it, and keeps the cart and checkout language plain. Where information has not been finalised — delivery specifics, for example — the page says so rather than implying a promise. Nothing on the page claims more than the brand can currently stand behind.
UX and interface decisions
The interface is deliberately quiet: a fixed header that turns solid once you leave the hero, a full-screen menu on small screens so navigation is a decision rather than a squint, forms that validate as you type and explain what is wrong in the language you are reading the site in. The checkout asks only for what an order needs, and marks required fields explicitly.
Responsive development
Layouts are composed as a single grid that resolves differently at each breakpoint rather than as three separate designs. Image proportions shift where a tall crop would push content off a tablet screen; vertical rhythm tightens on phones so a scroll does not become a chore. The same content, the same order, a different amount of air.
Accessibility and performance
Semantic headings, labelled controls, meaningful alternative text, visible focus and colour pairings chosen for contrast are treated as part of the design rather than a pass at the end. Images below the fold load lazily and are sized to their containers, fonts are self-hosted, and motion is kept to short, purposeful transitions.
Working together
MadeByCat supported the design and development of Albion Knitworks’ digital experience.