Builds By Luke
All work

Trades · Design-Build · 2025

Ironwood Build Co.

Built right. The first time.

Role
Art Direction, Design, Front-end, Motion
Stack
HTML, CSS, Vanilla JS, Inline SVG
Year
2025
Discipline
Trades · Design-Build
  • An animated, code-drawn architectural blueprint hero that draws itself in on load — no photography required to make a strong first impression
  • A no-nonsense conversion path built for high-intent local clients - a sticky call button, a clear four-step process, and a quote-request form
  • IntersectionObserver reveals and count-up credentials (years building, projects delivered, on-time handovers)
  • Real project and crew photography throughout — a two-column gallery and a full-bleed crew portrait, all with reveal-on-scroll

Live preview · the real, built site

Embedded and fully interactive. Resize it with the device controls, or open it in its own tab.

ironwoodbuild.co
Preview width
Open
Live, interactive preview of Ironwood Build Co.. Use the controls to change the preview width, or open the site in a new tab.

Ironwood Build Co. is a fictional design-build company, and the brief was trust: the kind of bold, grounded site that makes a homeowner comfortable spending six figures on a renovation. Industrial without being cold — charcoal and concrete, a single safety-amber accent, and type that means business.

A hero that needs no photo

Trades sites usually live or die on photography that often isn’t ready yet. So the hero is drawn entirely in code: an architectural elevation on a blueprint grid that animates its strokes in on load via SVG stroke-dashoffset. It looks intentional from the first second, with zero image assets.

Built to convert high-intent visitors

  • A sticky call button and a persistent “Get a quote” CTA — the two actions a ready-to-build client wants.
  • A four-step process that quietly removes the fear of an opaque, runaway build.
  • Count-up credentials that fire on scroll, plus a fixed-price, warranty-led pitch.
  • A clean quote-request form as the closing moment.

Photography that does the selling

Finished projects and the crew are shown in real photography — a two-column project gallery and a full-bleed crew portrait — so the quality of the work is doing the convincing the moment the page loads.