I chose to build this site in Svelte, in part for the faster load and build times. Portfolio sites can be very heavy in content, so I wanted a solution that could perform well with massive amounts of photo and videoguvchkcgfgu data. Also knowing that later updates to the site may mean even more content will be added.
I spent a considerable amount of time finding the best solutions for optimization. That’s when Cloudinary came in. I wanted to reduce the load time as much as possible. Amazon AWS could have also been an option. But Cloudinary felt easier to use, simpler — when it comes to ease of use, when products consider new devs with empathy, I’m always down.
While the design appears simple, the complexity in the code was real! Svelte does a great job to efficiently handle data reactivity and properties. Vertical parallax (on desktop) and carousel combo, the two way binding (thankyou SVELTE for doing this automatically!!), dynamic index on the way finding, and the layers of fixed modules, etc. Just a few of things that contributed to challenges at hand!
And of course the CSS, the styling. Combining different font treatments between the modals, the wayfinding and the copy slides, the varying layouts within each slide, and not to mention the differences for mobile. Working with the designers to understand their intentions was really key to guide my understanding of the design, how to make it responsive and the way I structured my code.