Skip to content
Mavorena
Demonstration concept — not a paid client engagement

Atelier North

High-end residential design-build and remodeling

Attract better-fit projects and reduce unqualified inquiries.

Start a project like this
Warm oak millwork and plaster interior of a high-end home remodel
Visual direction reference for the Atelier North concept. Fictional brand.

The conceptual challenge

A design-build firm produced exceptional work but presented it as unlabelled photo galleries, so prospective clients could not tell scope, process or investment level.

Intended audience

Homeowners planning a whole-home remodel or addition who are interviewing two or three firms.

What Mavorena designed

A portfolio-led site where each project reads as a short story, plus a qualification step that respects both sides' time.

Visual direction

Museum-quiet layout, generous margins, muted plaster tones, captions that carry as much weight as the images.

Key page structure

  1. 01Home
  2. 02Projects index
  3. 03Project detail pages
  4. 04Services and scope
  5. 05How we work
  6. 06Studio
  7. 07Start a project

Capabilities applied

  • Portfolio architecture
  • Editorial design
  • Qualification flow
  • Content direction
  • Performance

Responsive presentation

Editorial image ratios are preserved on phones instead of cropping to squares.

Design decisions

  • Project pages lead with the constraint that made the work interesting.
  • Captions state material, room and intent so the craft is legible to non-designers.
  • The inquiry form asks about scope and timeline before anything else.

Conversion strategy

  • Qualification questions framed as a shared fit check, not a gate.
  • Process page that sets expectations for phases and decisions.
  • Every project page ends with a single 'Start a project like this' action.

Four curated views

How the concept behaves

Each view describes a decision the design makes, from first impression to completed inquiry.

  1. 01

    Hero view

    Single hero image with a short project caption and quiet navigation.

  2. 02

    Signature interaction

    Project transitions that cross-fade between rooms as you scroll.

  3. 03

    Mobile experience

    Full-width vertical image sequence with readable captions.

  4. 04

    Conversion flow

    Scope-first inquiry form with an honest fit summary.

More concepts

Continue browsing

Atelier North is an original fictional brand concept created by Mavorena to demonstrate strategy, design and conversion thinking. It does not represent a paid client engagement, and no performance results are claimed.