WebsitesClient website

Utterly Good Foods

Website design for Utterly Good Foods

Utterly is Ashley's food brand. She came with a logo, lettering with real personality and footage of her cookies. I designed the site around them, from how the footage opens to how the type arrives to what a visitor does next. The public page has one job, getting people onto the list for limited drops, tastings and upcoming order dates, and behind it I built a private workspace for what happens after someone joins.

The reveal

The page opens with the cookie footage inside a circle that widens until the food becomes the backdrop for the introduction. I kept Ashley's original display type and her quieter body lettering and choreographed how the words and footage arrive together. The soft background and blue links carry all the way down to the signup, and her stacked logo returns at the bottom once everything settles.

Two buttons, carefully worded

After the opening, the page is short on purpose: a little about the food, the signup form and a route to Ashley's story. We went back and forth on the wording together, down to the difference between the invitation that takes you to the form and the button that actually submits it. That's the moment someone decides whether to hand over an email address.

The form asks for a first name, last name and email, with the mailing permission explained right beside it.

Ashley's page

The About page is more personal. Her story runs as one continuous read, with a large portrait beside the text and a family photograph farther down, both shown with their full composition, including on a phone. It ends with a direct link back to the signup, so nobody has to watch the opening again to join.

Ashley and her family
Ashley and family, from the Utterly Good Foods About page. Client-supplied photograph.

After someone joins

Behind the public site is a private workspace where Ashley can find a signup, add notes, change its status and export the list. The confirmation screen uses the same blue as the public page, and a repeat submission doesn't send the team the same notification over and over.

Ordering isn't part of this version. It'll be its own piece of work. The footage, logo, photographs and voice are Ashley's. The layout, motion, form and contact tools are my design and build.

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