Metal Fabrication

    Roseworks Fabrication

    A fabrication shop presented with the same care as the work coming off the floor

    Roseworks Fabrication website homepage on a laptop
    Roseworks Fabrication website homepage on a phone

    Roseworks Fabrication needed a site that treated custom metalwork as craft rather than as a commodity trade listing. It was built on the same design foundation as Blinds Couture, which let a proven premium system carry a second trade brand without starting over.

    Custom fabrication competes against directory listings and template sites that make every shop look interchangeable. When the differentiator is craft, and the presentation is a stock template with a contact form, the differentiator never reaches the buyer.

    The brief

    What the engagement had to deliver

    Roseworks Fabrication came to us with a clear set of outcomes rather than a page count. Everything below was agreed before design started.

    • Present custom fabrication as craft rather than as a commodity service
    • Reuse a proven premium design foundation rather than starting from a blank page
    • Build server-rendered so the shop is findable for the specific work it does
    • Give the shop a site that matches the standard of its output

    Key challenges

    What made this build harder than a template

    • Trade sites are usually judged against other trade sites, so the visual bar the client had seen was set far too low
    • Fabrication work photographs inconsistently, so the layout has to flatter real shop photography rather than assume studio imagery
    • The buyer is often technical and wants specifics, while the referrer wants reassurance, and both land on the same page
    • Adapting an existing design system to a new brand risks producing a recolored copy rather than a distinct identity

    Our approach

    How we built it

    We started from the Blinds Couture design foundation deliberately, because a proven premium system for a trade business is worth more than a novel one. The adaptation focused on where the two brands genuinely differ rather than recoloring everything. The layout was built around real shop photography rather than assuming ideal images, with generous framing that flatters inconsistent source material. Server-side rendering on Cloudflare Workers means the specific fabrication capabilities are indexable individually rather than buried in one services page.

    The front end

    What visitors see

    • Premium design system adapted from a proven trade foundation rather than built from zero
    • Layouts built to flatter real shop photography rather than assume studio imagery
    • Capability content structured so specific fabrication services are individually findable
    • Contact and quote paths sized for both technical buyers and referrers
    • Server-side rendered for complete first-request HTML
    • Full mobile treatment

    The stack

    What it is built on

    • TanStack Start
    • React 19
    • Tailwind v4
    • shadcn/ui
    • Server-side rendering on Cloudflare Workers

    Results

    What changed

    • A fabrication brand presented at the level of the work rather than the level of the category
    • A proven design foundation reused without producing a recolored duplicate
    • Individual capabilities indexable rather than collapsed into a single services page
    • A site that supports a referral conversation instead of undermining it

    Common questions

    Questions about the Roseworks Fabrication build

    Why do trade and fabrication websites usually look the same?

    Because most are built from the same small set of industry templates, which were designed to be filled in quickly rather than to differentiate. The result is a category where the best shop and the worst shop present identically.

    Can a design system built for one business be reused for another?

    The foundation can, and reusing a proven premium system is usually better than starting blank. The work is in identifying where the two brands genuinely differ and changing those things rather than recoloring everything and calling it new.

    How should a fabrication shop structure its services for search?

    As individually addressable capabilities rather than one services page listing everything. Buyers search for the specific process they need, and a single page mentioning twelve capabilities ranks for none of them well.

    Services
    Website, Design System, SEO Recovery
    Sector
    Metal Fabrication
    Client
    Roseworks Fabrication
    Build window
    Phased build

    Want a site that works this hard for your business?

    Bring us the workflow you are tired of duct taping together. We will show you what it looks like as one owned platform.