Pacific Gate Works Website + guided inquiry

Built by hand.Sold with the same care.Built by hand.Sold withthe same care.

Collins Creative repositioned a custom cedar gate maker around one craftsman, one home, one made-to-order gate, then designed and built the editorial website, brand system, and eight-step inquiry that carry that idea from the first visit to Tom's inbox.

Explore the website See it working

The Pacific Gate Works website we designed, shown on a laptop beside three phones: the homepage, the approach page, and the process page

The finished website, interactive

One craftsman.
A clear way in.

This is the working site, not a mockup. Scroll the homepage, open the material and process pages, and step into the inquiry on desktop or on a phone. Forms are disabled inside the preview.

Client

Pacific Gate Works

Location

Oregon · delivered nationwide

Our role

Positioningbrand systemart directionUXcopydevelopment

The challenge

Custom work can disappear inside catalog language.

Pacific Gate Works does not sell standard products. Tom designs each gate around the home's architecture, the opening, and the people who will use it every day. Gate makers online mostly look the same: grids of gates on white, spec sheets before a conversation.

The site had to make that difference obvious in one screen, without making the first step feel like ordering from a catalog or filling out a contractor form.

PositioningGuided inquiry

Our app-style layout exploration for Pacific Gate Works: a fixed sidebar for Gates, Material, Process, About Tom, and Start a Project, beside the homepage content — **The structure we landed on.** Five destinations, a material story, close-up details, and one action repeated calmly: start your gate.

Designed for the phone in your hand

The same calm, one column wide.

A second Pacific Gate Works page on a phone

Brand + art direction

The work belongs
in the landscape.

We built the visual system away from commodity home improvement. Large architectural photography, cream fields, deep evergreen, cedar and iron from the material itself, and a high-contrast serif set the pace of an interiors story while keeping a clear commercial path.

The brand board. Positioning line, photography direction, and the five-color palette handed to the client alongside the site.

Voice and type

A gate should feel like it has always belonged.

Designed for your home. Built by hand. Every headline on the site is written to the homeowner, never to the trade.

Headlines high-contrast serif
Body quiet grotesque
Labels tracked small caps

CreamPage field

EvergreenInk and actions

CedarFrom the material

IronHardware and detail

PGW monogramThree cedars inside the ring, held to the same restraint as the site.

The conversion path

A photo is enough
to begin.

Instead of forcing a finished specification too early, we designed an eight-step inquiry that starts with the type of opening and gathers detail in calm stages. Tom gets useful project context; the homeowner's first move stays simple. A finished gate and a real client quote sit beside every step.

Step one of eight in the inquiry we built: describe the walkway, courtyard, or driveway opening, with a progress bar at ten percent and a client quote beside it — Walkway, courtyard, or driveway gives the conversation an immediate scale. A progress bar keeps the eight steps from feeling long.

The project inquiry page we designed: opening type, approximate dimensions, photo upload, and contact details beside a finished gate and a client quote — Opening type, approximate dimensions, photo upload, and contact, in that order. No spec sheet required to get a first recommendation.

Gate style

Name the opening

Single, double, or driveway sets the scale before anything else is asked.

Your project

Share the place

Photos, rough dimensions, finish preferences, and context guide the first recommendation.

Contact

Continue with Tom

The flow hands off to a direct craftsman relationship, not a sales queue.

What we made

The idea,
all the way through.

Positioning + copy
Moved the story from product to fit: built for the house, not the catalog. Wrote every headline and page to the homeowner.
Brand system + art direction
Brand board, five-color palette, serif and grotesque pairing, photography direction, and the PGW monogram treatment.
Responsive website design + build
Homepage, gates, material, process, and About Tom pages, designed mobile-first and built as a fast, accessible static site.
Eight-step guided inquiry
Opening type, dimensions, photo upload, preferences, and contact, delivered to Tom as a usable project brief.

Less like a catalog.
More like an introduction.

What are you working toward?

Tell us what the brand needs to do, who it is for, and when you need it. You will get a straight answer on scope, timing, and cost.

Start a project

Brendan Collins · Owner and project leadBrendan leads UI/UX, branding, and front-end execution, making software simple, clear, polished, and easy for real people to use.

Meet the studio →