WebsitesClient website

Wooden Beard Woodworks

Website design for Wooden Beard Woodworks

Chris Armstrong and Angel Vazquez build custom cabinetry as Wooden Beard. I designed and built a site that treats their work the way you'd meet it in person: up close, with the reeded panels, grain and brass in view before any copy asks for attention. This is a hosted design preview, made from their supplied photographs and identity.

The doors

The page opens on a pair of white oak office doors, framed tightly at first, then widening as you scroll until the reeded panels, grain and hardware are large enough to study. I kept the typography quiet and the palette restrained so the wood carries the pattern. Decoration layered over reeded oak would only fight it.

With reduced motion on, the same photograph and composition hold without the expansion, and on shorter screens the next step stays within reach.

Something to point at

The gallery is a set of real projects, each with a name, a type and a place: a green entertainment center, those office doors, a reeded vanity, display cabinetry, foyer storage and a bedroom built-in. Some people arrive knowing they want a kitchen. Others only know they liked a particular door. So the invitation after the gallery asks about the detail that caught your eye.

The Green Monster entertainment center
The Green Monster entertainment center in Davie. Woodwork and photograph: Wooden Beard.

Chris and Angel

The site names the two of them and lays out how a project runs in four plain steps: talk about the space, work through the details, build it in the shop, bring it home. A shop journal mixes finished rooms with work in progress and a little of the day-to-day.

The inquiry asks where the project is, what kind of space it is and what you've been picturing, and the page answers the usual questions about drawings, materials, cost, timing and installation up front, so nobody needs a finished plan to get in touch. Calling is always close by. I designed the gallery, the page movement and the inquiry path around the shop's supplied photographs and identity.

Cory BoehneLet's talk
Creative full-body websites portrait of Cory Boehne
04WEBSITES, DESIGNED AND BUILT

I design the site.
Then I build it.

A cookie brand that opens with a little theater. A board shop in Miami sunset colors. A cabinetmaker’s work filling the screen. I design how each site looks and moves, then build the pages, forms and tools that make it work.

Design, graphics and code since around 1999.

A different business.
A different approach.

The first few seconds matter. Here are three very different ways into a site, and the decisions behind each.

Miami Boardshop homepage with a sunset boardwalk scene and large multicolored heading.
Miami Boardshop / Homepage screenshot.
Shop website

Miami Boardshop website

Sunset color, a custom board that turns as you scroll, and direct routes to service, builds, parts and ship-in repairs.

See the Boardshop website
Website design for Utterly Good Foods
Client website

Utterly Good Foods

Ashley's cookie footage opens the page, a short signup gathers interest in drops and tastings, and a private workspace keeps track of everyone who joins.

Inside Utterly Good Foods
Website design for Wooden Beard Woodworks
Client website

Wooden Beard Woodworks

A hosted design preview for a custom woodshop, opening on reeded white oak and brass and leading into a gallery of named projects.

Tour Wooden Beard
Wooden Beard
The Green Monster entertainment center
The Green Monster entertainment center in Davie. Woodwork and photograph: Wooden Beard.
Client website

Close enough to see the grain.

I let the reeded oak, grain and brass carry the opening, then built the gallery around projects with names and places.

Tour Wooden Beard
The portraits on this site

Real photographs,
AI-generated portraits.

I made these portraits in Image Studio from several reference photographs of myself, including full-body shots. Each portrait and its surrounding objects are separate transparent images, so I can arrange them differently on each page.

Drag the divider to compare a reference photograph with a finished portrait.

AI-generated portrait of Cory for the AI perspective
Original standing photograph of Cory
Original photographAI version
  1. Farmington High

    Looking after the school's computers and network with Jacob.

  2. Cyber Port Station

    Working at an internet service provider in Farmington, New Mexico.

  3. Around 1999

    A web design firm for local restaurants, travel and hospitality businesses.

Where the web work began

It started with the school computers in Farmington.

At Farmington High, my friend Jacob and I looked after the school's computers and network for credit instead of taking a regular class. By seventeen I was working with him at Cyber Port Station, an internet service provider in Farmington, and around 1999 we started a web design firm together. I remember the name as Matrix X Solutions, which tells you roughly what year it was.

Most of our clients were local restaurants and travel and hospitality businesses. I mostly did the HTML, graphics and animation while Jacob leaned toward the backend, though we traded jobs when it made sense. There weren't many layers between an idea and the page. You made the image, wrote the markup, worked out the interaction and put it online.

I still like working that way. When I make the graphics and write the code, a visual decision and the way the page actually behaves get settled at the same time.

Continue into dealership software and Maximo

The whole
collection.

Client sites and the storefronts I keep working on come first, followed by two labeled design studies.

12 entries
Behind the design

Where some of this comes from.

The software under several of these sites, the companies behind a few of them, and the photography that trained my eye.

Your website

Tell me what
you're making.

Send what you have, whether that's photographs, a logo or just the questions customers keep asking, and tell me what visitors need to do when they arrive. I'll design how it looks, moves and reads, and build the whole thing.

Talk about your website