Valcarce illuminated coastal tower and skyline at night
Architecture / cinematic digital portfolio
Case study / Architecture

Valcarce Architects

A cinematic digital platform designed to make the firm’s project thinking feel as intentional as the architecture itself.

Role Creative director & lead designerPlatform Custom HTML, CSS, JS & WebGLPartnership 2023 to present
Valcarce Architects website hero
Project identity and cinematic website direction

A strong body of work, buried.

The firm’s digital presence did not match the caliber of its built work. Oversized visuals overpowered content, container widths and vertical rhythm were inconsistent, and the case-study pages lacked the narrative impact needed to communicate the thinking behind each project.

The experience needed the rhythm of a Valcarce building: intentional, immersive and emotionally controlled.

Design the portfolio like a building.

I began with the firm’s audience, positioning and competitive context, then shaped a modular story architecture around how developers, investors and design-conscious clients evaluate architectural work.

  • Custom illustration over stock: each project receives a visual identity rooted in its architecture.
  • Video as primary media: project walkthroughs establish scale and atmosphere immediately.
  • Modular storytelling: a reusable eight-part case-study structure supports future projects.
  • Performance-led motion: WebGL depth and transitions enrich the narrative without slowing it down.

One visual grammar, eight story modules.

The resulting platform uses a tighter editorial grid, cleaner image-to-content balance and a repeatable sequence from project vision through challenge, approach, visual evidence and observable outcome. Bespoke architectural illustrations enter in the hero and recur through the page, creating continuity instead of isolated decorative moments.

Design logic

The building became the interface.

The redesign brief called for a guided story, custom building illustration and hero video. I translated those requirements into one editorial system where motion establishes atmosphere, drawings explain intent and the grid keeps every project legible.

01 / ORIENT

Lead with place.

Hero media gives visitors an immediate sense of scale, material and context before project details appear.

02 / EXPLAIN

Show the idea.

Custom drawings and concise text reveal the architectural decision behind the finished photography.

03 / IMMERSE

Control the pace.

Large visual chapters create room for the work while transitions preserve continuity across the story.

04 / SCALE

Keep it reusable.

The same content model supports new commissions without making every project page feel identical.

Valcarce Architects project gallery
Selected project gallery and modular portfolio system
From practice to platform

Editorial restraint makes the architecture louder.

Instead of layering decorative interface elements over the work, the system uses type, proportion and negative space to frame the firm’s point of view. The project index remains scannable. The About narrative gains authority through real practice language. Hover states add discovery without hiding essential information.

Observable outcome

A portfolio ready for the next commission.

The site now positions Valcarce alongside premium architecture practices and gives the team a scalable system for presenting every project as a distinct story. The ongoing partnership continues through refinement and new case-study additions.

8Story modules in the reusable case template
CustomIllustration system for project identity
OngoingPartnership since 2023
Your next project

Let the quality of your work shape the experience.

Tell me what your customers need to understand or do. I’ll recommend the work, set the scope and stay accountable for delivery.

Talk now ↗

Explore more work ↗See how we can work together ↗