Brainerd Web DesignBy Sean Swanson
Back to all work

Demonstration build

Solene Estate, a family winery

Invented, like HydroPeak, and for the same reason. This one is the shape a business people physically visit needs: what you sell, who you are, when you are open, how to find you, and a way to book. If you run a shop, a taproom or a studio in town, this is your site.

The Solene Estate homepage: cream serif type reading Slow hills, long light, honest wine, over a dark photograph of two glasses of red wine being poured
The live site, captured from its public address.
  • What it isA six page site for a visitable business
  • Built withHand written HTML, CSS and JavaScript
  • AccessibilityZero issues found across all pages

Six pages, not one

A one page site is the right answer for plenty of businesses and the wrong answer for this one. Somebody deciding whether to drive out to you has a list of questions, and they want them answered separately: what do you actually sell, who runs it, when are you open, where exactly is it, and can I book.

Cram all of that onto one long page and the person looking for your hours has to scroll past your life story to find them. So it is six pages, and each one answers its own question.

The details a visit actually needs

Opening hours, directions, the full product list and a booking enquiry, all in one place to edit. That last part matters more than it sounds. Hours change, seasons change, and a site where updating your hours means calling your web designer is a site with wrong hours on it by August.

No framework at all

The whole thing is hand written HTML, CSS and JavaScript. Every page renders completely with JavaScript switched off, which means it also renders on an old phone, on hotel wifi, and for the search engine that is deciding where to rank you.

The bottles are drawn as vector graphics rather than photographed, so they stay sharp at any size and weigh almost nothing.

The accessibility part, which is not optional

Keyboard support throughout, every form field properly labelled, and animation that switches itself off if the visitor's device asks for that. The automated audit reports zero issues across every page.

I do this on every build, not as an extra. Some of your customers use a screen reader, more of them than you would guess have low vision, and a site that locks them out is both a lost sale and, for a business open to the public, a real legal exposure.

Do people come to you in person?

Then your site has a specific job to do. Tell me about the business and I will quote it, itemized, within 24 hours.