OakFrame. Get a free preview

Different businesses.
Distinct websites.

A garden studio invites you to imagine. An auto studio lets the finish lead. A roofer helps you find the right next step.

Explore five working concepts and the decisions that make each one different.

Independent concepts for this portfolio. Full case studies from client projects are built as each engagement completes.

Landscape design & garden care

Stillwater Gardens.

Open full concept
Actual desktop screenshot of the Stillwater Gardens website concept
Actual website screenshot / Desktop view
THE DESIGN DIRECTION

A garden notebook, made for the web.

Garden design begins with imagining a place. Large photographs and margin notes give each illustrative garden room to tell its story, before the practical questions unfold.

  1. 01

    A slower introduction

    Serif type, generous images and soft greens create space to imagine the garden.

  2. 02

    Stories before specifications

    A full garden spread and a compact courtyard story lead into services and seasonal care.

  3. 03

    Reviews with their own rhythm

    A lead quote and a smaller companion sit above switchable review sources. All review content is marked as sample data.

Scope: Complete homepage concept / Desktop & mobileBack to homepage selection

Detailing & paint protection

FORM Auto Care.

Open full concept
Actual desktop screenshot of the FORM Auto Care website concept
Actual website screenshot / Desktop view
THE DESIGN DIRECTION

Let the finish set the tone.

A dark studio gives the photography a stage. Treatments are explored through one changing service panel, followed by a horizontal image sequence and a focused appointment inquiry.

  1. 01

    One treatment at a time

    A vertical selector changes the service description while the photographic stage stays in place.

  2. 02

    A different viewing pace

    A horizontal film strip makes the finish worth a closer look, with buttons as well as scrolling.

  3. 03

    An inquiry without the detour

    The appointment dialog carries over the selected treatment and leaves room for a free message. The demo sends no data.

Scope: Complete homepage concept / Desktop & mobileBack to homepage selection

Roof repair & replacement

Ridgework Roofing.

Open full concept
Actual desktop screenshot of the Ridgework Roofing website concept
Actual website screenshot / Desktop view
THE DESIGN DIRECTION

Start with what the homeowner knows.

Neutral surfaces, graphite type and copper accents give the roof desk a practical, graphic character. A homeowner starts with the concern they can describe; the relevant service appears alongside it.

  1. 01

    A useful first question

    Leak, ageing roof, drainage or not sure: each choice opens a relevant explanation.

  2. 02

    Details stay within reach

    The roof desk groups materials, company information and common questions in one place.

  3. 03

    Reassurance in plain view

    Platform summaries sit above readable review rows, with example labels for every demonstration rating.

Scope: Complete homepage concept / Desktop & mobileBack to homepage selection

Residential heating & air

Northline Heating & Air.

Open full concept
Actual desktop screenshot of the Northline Heating & Air website concept
Actual website screenshot / Desktop viewIllustrative stock photography

The design direction

From a home problem
to a clear next step.

A broken system and a planned replacement are different conversations. Northline separates repair, replacement and maintenance, with a more direct, service-led visual identity.

  1. 01

    A practical service directory.

    Cooling, heating and replacement have clear entry points. A dedicated cooling page shows how the concept extends beyond the homepage.

  2. 02

    Seasonal, not one-size-fits-all.

    A cooling and heating season switch changes the maintenance guidance, with motion focused on the comfort theme.

  3. 03

    Less to fill. More room to talk.

    One required phone-or-email field and an optional message let the customer describe the issue in their own words.

Scope: Homepage + cooling service pageExplore the cooling page

Painting & refinishing

Lowell's Painting.

Open full concept
Actual desktop screenshot of the Lowell's Painting website concept
Actual website screenshot / Desktop viewIllustrative stock photography

The design direction

Let the finish
speak first.

Painting is a visual decision. This study gives interiors and cabinet refinishing room to lead, while keeping the wider service offering easy to find.

  1. 01

    A more visual introduction.

    A large interior image introduces the kind of space a customer is thinking about, alongside a clear service and location headline.

  2. 02

    More than a painting headline.

    Six service categories and a dedicated cabinet section give different customer needs their own place.

  3. 03

    A direct route to an estimate.

    Estimate links recur at useful decision points, leading to one inquiry area instead of competing destinations.

Scope: Homepage redesign conceptExplore the painting website

Let's give it
a website that fits.

Start with a free homepage preview, made around your business.

Get my free previewmax@oakframeweb.comPreview first. No obligation.