spen studio

Case study

Marshall Homebuilders

A fictional homebuilder identity and website created as one connected brand system, from the first mark to the final page.

Project 06
Marshall Homebuilders website
Client
spen studio
Services
Brand development · Website development · UI/UX
  1. 01 / Challenge

    Marshall Homebuilders began as a self-directed brief: create a fictional builder whose identity felt considered before a single home was shown. The aim was to demonstrate how a logo, visual guide, and website can work as one system instead of three disconnected deliverables.

    Marshall Homebuilders starting frame

    Marshall Homebuilders starting frame

    The first screen that had to carry the business case.

  2. 02 / Insight

    The work starts by deciding what the visitor needs to understand first. For Marshall Homebuilders, that meant translating the brief into a system people could scan, trust, and act on.

    Brand before the houseIdentityArchitectureProject index

    Process reconstruction

    Brand before the house

    The fictional builder had to feel established before a visitor saw a single floor plan.

    • Mark
    • Type
    • Projects
  3. 03 / System

    We developed the brand direction, selected and art-directed an architectural image library, then designed and built a responsive website with HTML, CSS, JavaScript, and Bootstrap. Strong typography, structured project pages, and restrained calls to action give the fictional company a credible, established presence.

    MARKTYPEPROJECT PAGE

    Process reconstruction

    Identity system

    Logo, type, photography, and project pages inherit one visual logic instead of three disconnected deliverables.

    • Mark
    • Type
    • Photography
    • Project page
  4. 04 / Execution

    We developed the brand direction, selected and art-directed an architectural image library, then designed and built a responsive website with HTML, CSS, JavaScript, and Bootstrap. Strong typography, structured project pages, and restrained calls to action give the fictional company a credible, established presence.

    Project page wire

    Process reconstruction

    Project page wire

    A reconstructed layout of a home page in the system: image, specification, restrained contact.

  5. 05 / Outcome

    The result is a complete concept that demonstrates brand-first web design: every page inherits the same visual logic, and the company feels recognizable before a visitor reads the details.

    Marshall Homebuilders after launch

    Marshall Homebuilders after launch

    The finished system, held together as one experience.