Bryan Uvaldo

Project Overview

This project is a portfolio site that I built for a close friend of mine. It's a showcase of his film directing and editing experience, and includes a variety of custom components I designed specifically to highlight his work.

The site is currently live at bryanuvaldo.com https://bryanuvaldo.com/ open_in_new . You can also check it out in the preview below:

Before I started working on this project, Bryan had hired someone else to do it. He wasn't super happy with their work to say the least, so I ended up helping him out with it.

Technical Summary

When I picked up this project, it had a lot of issues. The Next.js project Bryan's previous developer left behind wasn't the greatest, and the site had a bunch of issues like duplicate nested scrollbars and buggy animations.

If you're interested in exploring the specifics, the original site code is available under the main branch of my github repository for the project. ( https://github.com/exokem/buvaldo/tree/main https://github.com/exokem/buvaldo/tree/main open_in_new )

Even after I rewrote the whole site with Next.js the performance wasn't great. Assets were slow to load and the whole experience felt like it was missing something.

In the end, I rewrote the site one last time with Astro. I'm pretty happy with what I was able to achieve with pretty much zero runtime JavaScript, especially when it comes to the popup modals for each of Bryan's film projects. The only component that comes to mind with any significant amount of scripting is the image carousel I built. And that's just there to trigger horizontal scrolling when the navigation buttons are clicked.

Retrospective Analysis

Coming soon!

Client Review

Coming soon!