---
title: "PDX Production House | Emilio Ybarra"
description: "Website for PDX Production House, a wedding photo and film studio in Portland, designed and built by Emilio Ybarra."
canonical_url: "https://emilioybarra.com/en/work/pdx-production-house"
locale: en
meta:
  "og:description": "Website for PDX Production House, a wedding photo and film studio in Portland, designed and built by Emilio Ybarra."
  "og:image": "https://emilioybarra.com/og/en.png"
  "og:image:alt": "Emilio Ybarra | Web Developer near Osnabrück – Handcrafted digital experiences that inspire."
  "og:image:height": "630"
  "og:image:width": "1200"
  "og:title": "PDX Production House | Emilio Ybarra"
  "twitter:title": "PDX Production House | Emilio Ybarra"
---

> Index of every page on this site: [llms.txt](https://emilioybarra.com/llms.txt)

Case study

# **PDX Production House**

Wedding photo and film studio in Portland

Client**PDX Production House**

Role**Designer & developer**

Duration**2+ weeks**

Type**Website**

## **Overview**

PDX Production House is my brother's wedding photo and film studio in Portland, Oregon. Diego films and photographs the day so the couple can stay in it.

I designed and built the site at pdxproductionhouse.com. The homepage opens like a reel: a couple walking through firs at golden hour, under the line they use for the studio, "Real moments, cinematic stories." The rest of the site is the work and a short note about the studio.

## **The Challenge**

A couple looking for a wedding film usually arrives with a date. They need to see the work and ask about that date. The studio also works with families who read Spanish, so the same pages exist in both languages.

The site had to feel like the films. A pauseable reel and an inquiry for the date sit in that same quiet frame. The email that follows carries the date and the venue, to Diego and back to the couple.

## **Photoshoot**

The homepage reel, on the forest walk at golden hour.

![PDX Production House homepage, a couple walking through a forest under the line Real moments, cinematic stories](https://emilioybarra.com/.netlify/images?w=2048&h=1062&fm=webp&q=92&url=%2Fimages%2Fpdx-production-house.jpg)

## **Key Features**

A reel, the work, and an inquiry for the date.

**The reel**

The homepage is a full-screen sequence of film stills. They crossfade, a slow move plays on the current frame, and a rec timer runs in the corner. The visitor can pause it. A counter shows which frame is on screen.

**The work**

Selected frames on the homepage, and a gallery page for portraits, details, and stills from weddings in the Pacific Northwest. Each frame has a title and a short caption, set like a contact sheet.

**Check availability**

Name, email, the wedding date, an optional venue, and a note. The same checks run in the browser and on the server. Diego receives the inquiry, and the couple receives a confirmation in the same voice as the site.

**English and Spanish**

Every public page is written in both languages, with a switch in the header. English lives at the root. Spanish lives under /es. The longer Spanish headlines step down a size so the reel still fits the screen.

**Found in Portland**

The studio is marked up as a local business in Portland, with the wedding photo and film service. Pages are prerendered, and each one has its own title, description, and share image.

## **Tech Stack**

**Nuxt 4****Vue 3****TypeScript****Nuxt UI****Tailwind CSS**

## **Results**

The site is live at pdxproductionhouse.com. Couples can watch the reel, look through the work, and send a date. Diego gets that inquiry by email, and the couple gets a confirmation.

Building it for my brother meant taking the studio as he runs it: a calm day of coverage, and a homepage that looks like a frame from the film.

[**Visit PDX Production House**](https://pdxproductionhouse.com/)

# **Still have questions?**

Let's chat. I'm always happy to discuss your project ideas.

[**Get in touch**](https://emilioybarra.com/en/contact)

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://emilioybarra.com/en#website","@type":"WebSite","description":"Handgefertigte digitale Erlebnisse, die inspirieren, aus dem Herzen von Bissendorf.","inLanguage":"en-US","name":"Emilio Ybarra | Web Developer","url":"https://emilioybarra.com/en","publisher":{"@id":"https://emilioybarra.com/#identity"},"translationOfWork":{"@id":"https://emilioybarra.com/de#website"}},{"@id":"https://emilioybarra.com/en/work/pdx-production-house#webpage","@type":"WebPage","description":"Website for PDX Production House, a wedding photo and film studio in Portland, designed and built by Emilio Ybarra.","name":"PDX Production House | Emilio Ybarra","url":"https://emilioybarra.com/en/work/pdx-production-house","isPartOf":{"@id":"https://emilioybarra.com/en#website"},"potentialAction":[{"@type":"ReadAction","target":["https://emilioybarra.com/en/work/pdx-production-house"]}]},{"@id":"https://emilioybarra.com/#identity","@type":"Person","description":"Handcrafted digital experiences that inspire from the heart of Bissendorf.","email":"hello@emilioybarra.com","jobTitle":"Freelance Web Developer","name":"Emilio Ybarra","telephone":"+4915737041618","url":"https://emilioybarra.com","address":{"@type":"PostalAddress","streetAddress":"Meller Straße 17","postalCode":"49143","addressLocality":"Bissendorf","addressRegion":"Niedersachsen","addressCountry":"DE"},"areaServed":[{"@type":"City","name":"Osnabrück"},{"@type":"AdministrativeArea","name":"Landkreis Osnabrück"}],"image":{"@id":"https://emilioybarra.com/#/schema/image/1"},"knowsAbout":["Web development","Website design","Nuxt","Vue.js","TypeScript"],"sameAs":["https://www.linkedin.com/in/emilioybarra/"]},{"@id":"https://emilioybarra.com/#/schema/image/1","@type":"ImageObject","contentUrl":"https://emilioybarra.com/favicon-192.png","inLanguage":"en-US","url":"https://emilioybarra.com/favicon-192.png"}]}
```

## Sitemap

See the full [sitemap](https://emilioybarra.com/sitemap.md) for all pages.