--- title: "PDX Production House | Emilio Ybarra" description: "Website für PDX Production House, ein Hochzeits-Foto- und Filmstudio in Portland, gestaltet und entwickelt von Emilio Ybarra." canonical_url: "https://emilioybarra.com/de/arbeit/pdx-production-house" locale: de meta: "og:description": "Website für PDX Production House, ein Hochzeits-Foto- und Filmstudio in Portland, gestaltet und entwickelt von Emilio Ybarra." "og:image": "https://emilioybarra.com/og/de.png" "og:image:alt": "Emilio Ybarra | Webentwickler bei Osnabrück – Handgefertigte digitale Erlebnisse, die inspirieren." "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) Fallstudie # **PDX Production House** Hochzeits-Foto- und Filmstudio in Portland Auftraggeber**PDX Production House** Rolle**Designer & Entwickler** Dauer**2+ Wochen** Typ**Website** ## **Überblick** PDX Production House ist das Hochzeits-Foto- und Filmstudio meines Bruders in Portland, Oregon. Diego filmt und fotografiert den Tag, damit das Paar darin bleiben kann. Ich habe die Website unter pdxproductionhouse.com gestaltet und gebaut. Die Startseite öffnet wie ein Reel: ein Paar, das bei goldenem Licht durch Tannen geht, unter dem Satz, den sie für das Studio verwenden: „Real moments, cinematic stories.“ Der Rest der Seite ist die Arbeit und eine kurze Vorstellung des Studios. ## **Die Herausforderung** Wer ein Hochzeitsfilm sucht, kommt meistens mit einem Termin. Das Paar will die Arbeit sehen und nach diesem Termin fragen. Das Studio arbeitet auch mit Familien, die Spanisch lesen, deshalb gibt es dieselben Seiten in beiden Sprachen. Die Website sollte sich wie die Filme anfühlen. Ein Reel, das sich anhalten lässt, und eine Anfrage für den Termin sitzen in demselben ruhigen Rahmen. Die E-Mail danach trägt Termin und Location, an Diego und zurück an das Paar. ## **Fotoshooting** Das Reel der Startseite, der Waldweg bei goldenem Licht. ![Startseite von PDX Production House, ein Paar geht durch einen Wald unter dem Satz Real moments, cinematic stories](https://emilioybarra.com/.netlify/images?w=2048&h=1062&fm=webp&q=92&url=%2Fimages%2Fpdx-production-house.jpg) ## **Hauptfunktionen** Ein Reel, die Arbeit und eine Anfrage für den Termin. **Das Reel** Die Startseite ist eine bildschirmfüllende Folge von Filmstills. Sie überblenden, auf dem aktuellen Bild läuft eine langsame Bewegung, und in der Ecke läuft eine Aufnahmezeit. Besucher können anhalten. Ein Zähler zeigt, welches Bild gerade läuft. **Die Arbeit** Ausgewählte Bilder auf der Startseite und eine Galerie für Porträts, Details und Stills von Hochzeiten im Pazifischen Nordwesten. Jedes Bild hat einen Titel und eine kurze Bildunterschrift, gesetzt wie ein Kontaktbogen. **Verfügbarkeit prüfen** Name, E-Mail, das Hochzeitsdatum, eine optionale Location und eine Nachricht. Dieselben Prüfungen laufen im Browser und auf dem Server. Diego bekommt die Anfrage, das Paar eine Bestätigung in derselben Stimme wie die Website. **Englisch und Spanisch** Jede öffentliche Seite ist in beiden Sprachen geschrieben, mit einem Schalter in der Kopfzeile. Englisch liegt an der Wurzel. Spanisch liegt unter /es. Die längeren spanischen Überschriften sind eine Stufe kleiner, damit das Reel auf den Bildschirm passt. **In Portland gefunden werden** Das Studio ist als lokales Unternehmen in Portland ausgezeichnet, mit dem Hochzeits-Foto- und Filmangebot. Die Seiten werden vorausberechnet, und jede hat einen eigenen Titel, eine Beschreibung und ein Vorschaubild. ## **Tech-Stack** **Nuxt 4****Vue 3****TypeScript****Nuxt UI****Tailwind CSS** ## **Ergebnisse** Die Website ist live unter pdxproductionhouse.com. Paare können das Reel ansehen, die Arbeit durchsehen und einen Termin schicken. Diego bekommt die Anfrage per E-Mail, das Paar eine Bestätigung. Es für meinen Bruder zu bauen hieß, das Studio so zu nehmen, wie er es führt: ein ruhiger Tag der Begleitung und eine Startseite, die wie ein Bild aus dem Film aussieht. [**PDX Production House besuchen**](https://pdxproductionhouse.com/) # **Hast du noch Fragen?** Lass uns sprechen. Ich bin immer gerne bereit, über deine Projektideen zu reden. [**Schreib mir**](https://emilioybarra.com/de/kontakt) ```json {"@context":"https://schema.org","@graph":[{"@id":"https://emilioybarra.com/de#website","@type":"WebSite","description":"Handgefertigte digitale Erlebnisse, die inspirieren, aus dem Herzen von Bissendorf.","inLanguage":"de-DE","name":"Emilio Ybarra | Web Developer","url":"https://emilioybarra.com/de","publisher":{"@id":"https://emilioybarra.com/#identity"},"workTranslation":{"@id":"https://emilioybarra.com/en#website"}},{"@id":"https://emilioybarra.com/de/arbeit/pdx-production-house#webpage","@type":"WebPage","description":"Website für PDX Production House, ein Hochzeits-Foto- und Filmstudio in Portland, gestaltet und entwickelt von Emilio Ybarra.","name":"PDX Production House | Emilio Ybarra","url":"https://emilioybarra.com/de/arbeit/pdx-production-house","isPartOf":{"@id":"https://emilioybarra.com/de#website"},"potentialAction":[{"@type":"ReadAction","target":["https://emilioybarra.com/de/arbeit/pdx-production-house"]}]},{"@id":"https://emilioybarra.com/#identity","@type":"Person","description":"Handgefertigte digitale Erlebnisse, die inspirieren, aus dem Herzen von Bissendorf.","email":"hello@emilioybarra.com","jobTitle":"Freiberuflicher Webentwickler","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":["Webentwicklung","Webdesign","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":"de-DE","url":"https://emilioybarra.com/favicon-192.png"}]} ``` ## Sitemap See the full [sitemap](https://emilioybarra.com/sitemap.md) for all pages.