brandonlopez.co is live.
Figma for design. Blender for animation. Astro for structure.
Tailwind, Sanity, GitHub, and Netlify keep it fast, scalable, and fully mine.
This rebuild was more than a portfolio refresh. It was a deep dive into how I work, what I value, and how I want to tell stories moving forward. From creative direction to code, I wanted every detail to reflect the same care I bring to client work.
The stack:
• Astro + TypeScript for speed, scalability, and component-first design
• Tailwind CSS for responsive, theme-aware styling
• Sanity CMS with custom schemas for Projects, Companies, and Tags
• Netlify + GitHub for continuous deployment and version control
• 3D header animation created in Blender, with scroll-based playback and multi-resolution fallback
It’s also been a huge technical learning experience:
• Solved scroll-sync and choppiness issues across Chrome and Safari, desktop and mobile
• Implemented light/dark mode switching with seamless video transitions
• Used ChatGPT to analyze and refine every page title, meta description, and project blurb, and to help debug everything from animation timing to mobile behavior quirks
Big thanks to Sergio Mendoza for helping me get the repo structure, logic, and foundation clean from the start. Having a smart, organized dev friend makes a world of difference.