Case Study
maugomez77.com
Senior Engineer Portfolio & Project Showcase
A modern personal portfolio for a Senior Software Engineer with 20+ years of experience spanning AI/ML engineering, distributed systems, and cloud architecture. Built with Next.js 16 as a static export, featuring scroll-driven animations, a filterable project gallery, an integrated technical blog, and full SEO optimization — all deployed on Vercel's edge network.
20+
Years Experience
$5B
Revenue Impact
5+
Languages
4
Global Launches
Technology Stack
├─ Framework → Next.js 16 (Static Export)
├─ Frontend → React 19, TypeScript 5.9
├─ Styling → Tailwind CSS 4, custom Navy/Teal theme
├─ Animations → Framer Motion 12 (scroll reveals)
├─ Analytics → Google Analytics 4
├─ SEO → JSON-LD, Open Graph, RSS, Sitemap
└─ Hosting → Vercel (Edge Network)
Key Features
Feature 1
Interactive Project Showcase
Filterable project gallery with category-based navigation across AI Tools, FinTech, DevTools, and Compliance — each project linking to live demos or repositories.
Feature 2
Animated Timeline Experience
Scroll-driven experience timeline with Framer Motion animations showcasing career progression from Rocket Lawyer to Intuit, with detailed role descriptions.
Feature 3
Technical Blog
Integrated blog with articles on agentic workflows, microservices architecture, and AI agent strategy — driving organic traffic and establishing thought leadership.
Feature 4
SEO & Performance Optimized
Static export with JSON-LD structured data, Open Graph meta tags, sitemap, RSS feed, and Google Analytics 4 — all served from Vercel edge network.
Site Sections
- Hero & About — Professional identity with key career stats and a compelling introduction
- Skills Grid — Four categories: AI/ML & Data, Cloud & DevOps, Backend & Architecture, Languages & Frameworks
- Experience Timeline — Five major roles from Rocket Lawyer through Intuit with animated scroll reveals
- Projects Gallery — Nine filterable side projects spanning AI tools, FinTech, compliance, and DevTools
- Education & Certs — Three degrees plus UC Berkeley ML certificate and professional certifications
Results
- Fully static Next.js 16 export with instant page loads on Vercel edge network
- Custom Navy/Teal design system with Framer Motion scroll animations for a polished, modern feel
- SEO-optimized with structured data, RSS feed, and Open Graph — driving organic visibility
- Integrated blog establishing thought leadership in AI agents, microservices, and distributed systems
Need a standout portfolio or personal brand site?
We build fast, polished, SEO-optimized personal sites that showcase your expertise.
Get in Touch