I developed an innovative website video UX that simulates the in-theater viewing experience by dimming surrounding content. Also created an original, cohesive brand.
* An asterisk indicates that the image has been cropped on the sides.
Solution
- Design and development of responsive single-page app
- UX for Playback: Press play and the player will scroll to the top of page and surrounding content will dim
- UX for Interruptions: Scroll the player off-screen and the video will pause and the surrounding content will brighten
- Data solution: XML, no database
- Brand Design: series title, domain, logo, slogan, and website
- Written Content: Original site copy
- Imagery: Cinematography and editing for series; Site images based film stills
- Web Technologies: PHP, HTML, CSS, XML, JavaScript, jQuery, htmx
- Hosting: Nginx server on Linux