Preview Image

Year

2025

Client

David Lang

Timeline

Type

Web Design

Giving a Material First Studio Its Digital Home.

a refined portfolio website for an earth and heritage architecture studio.

"We wanted the site to feel like our work, honest materials, patient process, nothing rushed. That's exactly what we got."

"We wanted the site to feel like our work, honest materials, patient process, nothing rushed. That's exactly what we got."

"We wanted the site to feel like our work, honest materials, patient process, nothing rushed. That's exactly what we got."

David Lang

Founder

Details

year

2025

Client

David Lang

Timeline

2 Months

User

Need some Clarity?

Plan your website with us.

Overview

A studio site built to hold decades of craft (rammed earth, adobe restoration, and contemporary heritage work) with the same patience the studio brings to a building.

Tapia Studio works across residential restoration, cultural buildings, and contemporary homes built with rammed earth and traditional techniques. Their portfolio spans over a decade of work, but their site didn't reflect the depth or the material honesty of what they build.

We focused on a structure that could hold very different project types, from a restored 19th-century farmhouse to a new cultural center, without losing a consistent voice. The Framer build leans on generous imagery, warm neutral tones, and a typographic system that feels closer to print than to a typical studio site.

INTERACTIVE PROTOTYPE

All Projects

Project Image

Challenge

The studio needed a site that could showcase technical craft and material depth without feeling cold, corporate, or disconnected from the hands-on nature of the work.

Tapia Studio's projects are deeply tactile, rammed earth walls, reclaimed timber, restored masonry, but their previous site presented that work with generic project grids and no sense of process. The challenge was building a structure flexible enough for very different project scales (a private home, a public building, a restoration) while keeping a strong, consistent identity across all of them.

There was also a content challenge: heritage and earth-building work benefits from context, material, technique, site history, but the site needed to stay browsable, not turn into a research paper.

Project Image
Project Image

Solution

A calm, editorial site structure with a strong project page, warm materiality in the visuals, and clear pathways into each type of work.

We built a flexible website that adapts to different project scales while keeping consistent sections for materials, process, and site context. Typography and spacing were treated with an editorial hand to match the studio's material-first identity.

Project Image

Result

The final site gives Tapia Studio a portfolio that reads with the same care as their buildings, structured, material-driven, and easy to navigate.

Tapia Studio now has a site that positions the studio clearly across residential, cultural, and heritage work, with a project template built to grow as new work is added. The result is a portfolio that feels as considered as the architecture itself.

0%

0%

More Inquiries

Clear project pathways make it easier for prospective clients to find the right fit and reach out.

0%

0%

More Inquiries

Clear project pathways make it easier for prospective clients to find the right fit and reach out.

0%

0%

More Inquiries

Clear project pathways make it easier for prospective clients to find the right fit and reach out.

0%

0%

More Inquiries

Clear project pathways make it easier for prospective clients to find the right fit and reach out.

0min

0min

Avg. Time on Site

Visitors spend more time exploring the work instead of bouncing off a generic project grid.

0min

0min

Avg. Time on Site

Visitors spend more time exploring the work instead of bouncing off a generic project grid.

0min

0min

Avg. Time on Site

Visitors spend more time exploring the work instead of bouncing off a generic project grid.

0min

0min

Avg. Time on Site

Visitors spend more time exploring the work instead of bouncing off a generic project grid.

Next
Project.

Each project shows how I approach design, structure, and development.

Next

Client

Minim ex aute occaecat esse velit excepteur enim.

category

Category 1

Year

2026

a sharp digital presence for a creative studio, combining bold imagery & minimal layouts.

Next

Client

Minim ex aute occaecat esse velit excepteur enim.

category

Category 1

Year

2026

a sharp digital presence for a creative studio, combining bold imagery & minimal layouts.

Next

Client

Minim ex aute occaecat esse velit excepteur enim.

category

Category 1

Year

2026

a sharp digital presence for a creative studio, combining bold imagery & minimal layouts.

Branding

Next

Client

Minim ex aute occaecat esse velit excepteur enim.

category

Category 1

Year

2026

a sharp digital presence for a creative studio, combining bold imagery & minimal layouts.