WebsitesElectric commuting guide

GoFuelFree

GoFuelFree blue editorial masthead and crossed-out gas-pump mark on warm cream.
The GoFuelFree masthead and gas-pump mark.

GoFuelFree begins with trips people already make, like the drive to work, the grocery run or the last mile from the train, and asks which of them might be better on a small electric ride. I designed and built the identity, the magazine pages and the tools together.

Your week, before any spec sheet

The homepage opens with a quick estimate of the fuel money someone might not need to spend. The fuller calculator adds the purchase price, charging and upkeep, and every assumption is visible so you can change it to match your own week.

The guides work the same way. An apartment can mean stairs, a narrow elevator and nowhere to keep a bike. A commute can include a train, a steep hill or a stretch of road you'd rather avoid. I wanted people to recognize their own routine in the questions.

GoFuelFree commute calculator with distance, riding days, fuel economy and gas-price inputs beside an estimated monthly fuel saving.
The homepage gas calculator, shown with example inputs. Change the trip details to get a different estimate.

Let the route pick the machine

E-bikes, scooters, Onewheels, electric unicycles and electric skateboards are each good at different things, so the ride finder starts with the trip: bags, hills, stairs, pavement, distance, and where the thing will live when you're not riding it. The comparison pages put the likely candidates side by side with links to the products. Range depends on the rider, the terrain and the pace, so the guides around the tables explain what the numbers mean for an actual trip.

GoFuelFree ride finder showing commute questions and an e-bike starting recommendation.
The ride finder starts with the journey and everyday practicalities.

A magazine with tools in it

I wanted it to feel like a printed field guide: big editorial type, warm paper tones, blue lettering, numbered entries and a small crossed-out gas pump in the masthead, which moves a little. There are stories, city pages, checklists, and a laws-and-access section that keeps its sources and review dates right next to the rules, since what's allowed depends on where you ride.

The calculator, finder and search all run in the browser with no account, so you can try a few different commutes and compare them.

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